Explorar skills

Este é um modelo para criar diretrizes de marca abrangentes para qualquer projeto.

Maintain the Zensical-powered documentation site — nav ordering in zensical.toml, the docs GitHub Pages workflow, CSS and JS assets, and link/anchor integrity across docs/**/*.md. Sibling of /techne:docsync (which only verifies prose claims against code). Use when the user wants the site itself audited — config, deploy pipeline, theming, assets, cross-page links — rather than content accuracy.

Generate UI mockup images as PNG using HTML/Tailwind CSS rendered via Playwright. Supports multiple device presets (iPhone, iPad, desktop). Use when creating visual prototypes or running /mockup.

Audita e corrige problemas de desempenho de animação, como layout thrashing, propriedades do compositor, movimento vinculado à rolagem e efeitos de desfoque. Utilize quando animações travam, transições engasgam ou ao revisar o desempenho de animações CSS/JS.

Produz designs de frontend (HTML, React, CSS) com um toque humano inconfundível, evitando clichês de design gerados por IA. Use esta skill para construir ou redesenhar sites, landing pages, portfólios, dashboards, componentes de UI ou qualquer artefato web, especialmente quando termos como "moderno", "limpo", "profissional", "premium", "único" ou "não genérico" forem mencionados.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Build Japanese-ready web interfaces with correct CJK typography, cultural UI patterns, and localization best practices. Use this skill whenever building a website, app, or component for the Japanese market, when the UI includes Japanese text (kanji, hiragana, katakana), when adding Japanese language support or i18n/l10n for Japan, when designing forms for Japanese users, when implementing vertical

Break down any concept, code, technology, or idea into a clear, layered explanation for adults who want the "aha moment" without the jargon. Produces a single self-contained HTML page with a concrete analogy, embedded CSS visual diagrams, layered detail, and curated links — then opens it in the browser. Use this skill whenever the user says "ELI5", "explain like I'm 5", "explain this simply", "bre

Inteligência de design UI/UX para web e mobile. Oferece mais de 50 estilos, 161 paletas de cores, 57 combinações de fontes, 161 tipos de produtos, 99 diretrizes de UX e 25 tipos de gráficos em 10 stacks de tecnologia, com ações para planejar, construir, projetar, implementar e otimizar código UI/UX.

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.