Web & Frontend

agentik-os Skill

Elite mobile-app image-generation art director for premium, app-native screen concepts and multi-screen flows on iOS, Android, and cross-platform. Generates images only — never code (no SwiftUI / React Native / Flutter / HTML). Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone-mockup framing (subtle premium iPhone/Android frame by default, content stays the hero). Use when the user asks (FR or EN) for a mobile app screen concept, app mockup, onboarding/auth/home/profile/settings/chat/ecommerce/fintech/health/productivity/social flow, "design une app mobile", "écran d'app", "maquette mobile", "flow onboarding", "app concept", "mobile app screens", "premium mobile redesign", "phone mockup". NOT for websites, landing pages, desktop dashboards, image-to-code, or frontend implementation (route those to imagegen-frontend-web / image-

agentik-os Bundle

Forensic end-to-end test of an entire Next.js + Clerk + Convex SaaS application. Inventories all dashboard pages, maps each to its feature spec (docs/FEATURES/F-XXX-*.md), runs Playwright tests with authenticated Clerk sessions (sign-in-token + ticket strategy), captures screenshots per workflow step, identifies placeholder pages (DeferredFeatureShell detection), optionally dispatches dev workers to ship MVP UI for placeholders, re-tests, and produces a comprehensive markdown report with verdicts per page + workflow. Re-invocable: each call relaunches the full pipeline (recon -> tests -> dev -> re-test -> report). Use ONLY for whole-app validation, never a single page/endpoint (route those to /debugaudit, /uiuxaudit, /apiaudit). Use when user says "/e2e", "fais un test complet de l'application", "teste toute l'app", "big test avant lancement", "test toute l'application", "final pre-launch test", "test complet", "full app test", "valide que tout marche", "validate everything works", "pre-launch QA", "QA avant

agentik-os Skill

Popper — Falsification Auditor. Read-only adversarial QA agent that hunts where code/UI/API/DB lie, where promises diverge from reality, and where claims fail under attack. Dual-pass (inductive bottom-up + deductive top-down) across frontend/backend/api/db layers, producing severity-ranked falsified findings + a human gate + Turing handoff + pass-2 re-audit. Use when the user says 'popper', 'falsify', 'falsification audit', 'adversarial QA', 'find what's wrong', 'where does this lie', 'does this work as expected', 'review/check/audit/test this', 'prove this is broken', 'gap between promise and reality', or (FR) 'falsifie', 'audit adversarial', 'trouve ce qui ne marche pas', 'où ça ment', 'est-ce que ça marche vraiment', 'vérifie/audite/teste ça', 'l'écart entre la promesse et la réalité'. NOT for building/fixing (that is Turing) — Popper only observes and reports.

agentik-os Bundle

Claude Changelog Adopt — a daily autonomous self-improvement pass that reads the OFFICIAL Claude Code changelog (the authoritative GitHub CHANGELOG for anthropics/claude-code, with @claudecodelog as a secondary mirror), diffs it against the last version OmegaOS already absorbed, and for each NEW entry decides whether it implies a concrete OmegaOS or system-agent improvement — a new primitive, a doctrine change, an agent-behavior shift, a deprecation to unwind. It classifies each entry (opus), proposes a surgical adoption (what to change, in which file, why — like the manual /loop -> R-LOOP native-loop doctrine move), runs an adversarial anti-fabrication gate (opus, default-reject), writes a self-contained HTML report + Telegram alert for the operator to decide, and — only when ARMED — dispatches each vetted proposal to an oracle behind the full quality gate (In-Review handoff, never auto-Done, never force-push). Auto-adoption is scoped to doctrine (rules.rs), agent identities (agents/*.md), skills, and instal

agentik-os Skill

React Native Skills

agentik-os Skill

React and Next.js performance optimization guidelines from Vercel Engineering (62 prioritized rules across 8 categories). Use when writing, reviewing, or refactoring React/Next.js code to apply optimal performance patterns. EN triggers - "react performance", "next.js best practices", "optimize re-renders", "fix waterfalls", "bundle size", "review this component". FR triggers - "bonnes pratiques react", "optimiser le rendu", "perf next.js", "reduire le bundle", "refactor react", "revoir ce composant". Fires on React components, Next.js pages, data fetching, bundle optimization, or render-performance work.

agentik-os Skill

Review UI/frontend code against Vercel's Web Interface Guidelines (accessibility, interaction, layout, content, performance best practices). Use when asked to "review my UI", "check accessibility / a11y", "audit design", "review UX", "check my site against best practices", "WIG compliance", or in FR "revois mon UI", "vérifie l'accessibilité", "audit design", "conformité bonnes pratiques web".

agentik-os Skill

Senior UI/UX engineer that architects premium, anti-slop frontend interfaces in ONE coherent design voice — overriding default LLM design biases with metric-based dials (variance/motion/density), strict React/Next component architecture, CSS hardware acceleration, and high-end motion. Use when the user says "/taste-skill", "taste", "make it premium", "anti-slop UI", "design engineering", "frontend taste", "world-class UI", "élève le design", "rends ça premium", "interface haut de gamme", "direction artistique frontend", or asks to build/refine a striking, non-generic React/Next/Tailwind interface.

agentik-os Skill

Generate clean, editorial, document-style frontend UI (HTML/React/Tailwind/Vue) — warm monochrome palette, typographic contrast, flat bento grids, muted pastel accents, no gradients or heavy shadows. Trigger when the user asks for a minimalist / editorial / Notion-style / Linear-style / premium-utilitarian interface, landing page, dashboard, or component, or says "minimalist UI", "editorial design", "clean minimal interface", "document-style UI", "interface minimaliste", "design épuré", "style éditorial", "UI minimaliste". Do NOT trigger for maximalist, neumorphic, glassmorphic, or heavy-gradient briefs.

jhamidun Bundle

Открыть готовый HTML в headless-браузере перед сдачей: console-ошибки + скриншот. Триггеры: «проверь артефакт», «screenshot verify». НЕ WCAG→a11y-audit.

jhamidun Skill

Работа с PDF на pypdf/pdfplumber: вытащить текст и таблицы, склеить, разрезать, повернуть, снять пароль, заполнить форму, отрисовать страницы в PNG. Триггеры: «пдф», «вытащи текст из pdf», «merge PDF», «split PDF», «заполни форму pdf», «pdf в картинки». НЕ печать HTML в PDF → export-pdf; НЕ битый OCR → ocr-restore.

jhamidun Bundle

HTML-мудборд из 5-15 референсов с палитрой из картинок — согласовать визуальный язык на старте. Триггеры: «собери референсы», «извлеки палитру».

jhamidun Bundle

HTML-артефакт → устанавливаемое PWA: manifest, service worker, иконки. Триггеры: «поставить на телефон», «install prompt», «service worker offline».

jhamidun Skill

PowerPoint .pptx на python-pptx: собрать колоду, править чужую, разобрать по слайдам, заметки докладчика, таблицы, картинки, замена текста с сохранением оформления. Триггеры: «pptx», «PowerPoint», «поправь слайд», «заметки докладчика», «собери колоду». НЕ HTML-дек → export-pptx; НЕ дизайн слайдов → manus-slides.

jhamidun Bundle

Прогон axe-core в headless перед сдачей: отчёт по WCAG-нарушениям. Триггеры: «проверь accessibility», «WCAG», «контраст AA».

jhamidun Bundle

Таймлайн-анимации в HTML (React): плеер, скраббер, ease. Триггеры: «анимация в HTML», «motion design», «интро», «transitions для презентации».

jhamidun Bundle

HTML-презентации: навигация, скейлинг под экран, спикер-ноты, печать в PDF. Триггеры: «сделай слайды», «дек», «питч», «1920x1080 дек». НЕ стили Manus→команда /slides.

jhamidun Bundle

Печать HTML-макета или дека в PDF через headless Chrome (Playwright), слайд = страница. Триггеры: «html в pdf», «сохрани в pdf».

jhamidun Bundle

PNG-скриншоты слайдов/экранов через Playwright: кадр на слайд или по селектору. Триггеры: «html в png», «выгрузи слайды картинками», «социалки cover». НЕ тест UI→webapp-testing.

jhamidun Bundle

Доступные production-формы: label, ошибки, focus-management, скрин-ридеры, клавиатура. Триггеры: «доступная форма», «accessible form», «fieldset».

jhamidun Bundle

HTML-письма: табличная разметка, inline CSS, Outlook-safe, dark-mode. Триггеры: «newsletter html», «MJML», «transactional email». НЕ обычная веб-страница.

jhamidun Bundle

Слайды полным циклом: 24 AI-стиля (Gemini) + HTML-шаблоны, темы Manus 1.6, экспорт PPTX/PDF/HTML. Триггеры: «слайды», «презентация», «pitch deck».

jhamidun Bundle

Готовые CSS-темы для slides без бренда: минимал, editorial, dark, data, brutalist. Триггеры: «тема презентации», «оформление дека». Любой артефакт → theme-factory.

jhamidun Skill

Handoff-пакет разработчику из готового HTML: токены, компоненты, README. Триггеры: «пакет для разраба», «передать разработчику», «хендофф».

jhamidun Bundle

HTML-дек в PPTX: режим картинок (надёжный) или редактируемый (нативный текст, pptxgenjs). Триггеры: «html в pptx», «выгрузи в PowerPoint».

jhamidun Bundle

Панель крутилок в прототипе: цвета, шрифты, варианты; localStorage + запись в исходник. Триггеры: «крутилки в прототипе», «запиши в tokens.css».

jhamidun Bundle

Локальный анализ сессий Claude Code → HTML-отчёт «как ты работаешь». Триггеры: «как я работаю», «где теряю время». НЕ поиск по чатам→/search-chats.

jhamidun Bundle

Скетч, фото доски, салфетки или Excalidraw → HTML-каркас. Триггеры: «из скетча в html», «whiteboard в каркас». НЕ PDF/DOCX → document-import.

jhamidun Bundle

HTML-презентации, документы и транскрипты → PDF через Playwright. Триггеры: «оформи в PDF», «оформи транскрипт», «создай материалы вебинара».

jhamidun Bundle

Распаковать PPTX как zip, извлечь текст/картинки/координаты из XML — переверстать чужой дек в HTML. Триггеры: «прочитай pptx», «распакуй презентацию».

jhamidun Bundle

Overlay: двигать и resize элементы мышкой, правки патчатся в CSS через локальный сервер. Триггеры: «drag handle в браузере», «alt+click resize». НЕ ревью→comment-injector.

jhamidun Bundle

Покадровый рендер готовой HTML-анимации в MP4 или GIF (Playwright + ffmpeg). Триггеры: «выгрузи как видео», «html в mp4», «GIF из html».

jhamidun Bundle

Карточки-карусели для Telegram-канала: HTML+CSS → Playwright → PNG 1080×1350. Триггеры: «карточки для канала», «карусель в канал».

jhamidun Skill

Diff двух HTML-версий: side-by-side, DOM-, pixel- и style-разница. Триггеры: «сравни две версии», «что изменилось в макете».

jhamidun Bundle

Локальный сервер с auto-reload для итеративной работы над HTML/CSS — браузер обновляется при сохранении. Триггеры: «live reload», «browser-sync».

jhamidun Bundle

Эстетика без дизайн-системы: типографика, цвет, ритм. Триггеры: «просто сделай красиво», «soft brutalism», «premium dark». НЕ готовые темы→theme-factory; слайды→deck-themes.