Design e Frontend

Crie e-mails distintos e alinhados à marca para newsletters, campanhas e fins transacionais. Esta skill ajuda a rascunhar, escrever, projetar ou aprimorar e-mails, e a enviar campanhas via qualquer ESP, produzindo um briefing de design estruturado.

Distinguish mkName and newName in Template Haskell. Use mkName to capture existing names and newName for fresh non-colliding names. Use when writing or reviewing Template Haskell code that generates names.

Use this skill when the user asks "where am I", "what's the current task", "what's blocking me", "show status", "what needs sign-off", or "what's next". Prints a snapshot of the active plan, gate, sign-off progress, and next action. Reads only — writes nothing.

Generates a DESIGN.md file for any website URL or fetches a pre-built one from the awesome-design-md collection (55+ sites). DESIGN.md captures the complete design system of a real product — exact hex/oklch values, font families, spacing scales, shadow formulas, component states, do's and don'ts — in a format vibe-design reads to produce pixel-accurate matching UI. Two modes: fetch a pre-built DES

Orientação para usar e integrar servidores de referência oficiais. Utilize ao construir servidores personalizados ou implantar configurações padrão; para listagens, consulte mcp-server-registry.

Detects and eliminates AI-generated slop in code, text, and design. Use this skill whenever the user asks to review code quality, clean up AI-generated content, remove LLM patterns, simplify over-engineered code, or make output feel human-written. Trigger on: 'review for slop', 'too much AI', 'over-engineered', 'simplify this', 'feels like AI wrote this', 'clean up this code', 'make it human', 're

Ponto de entrada do construtor de mundos, focado em diagnosticar onde o usuário está travado na fase inicial (-1 a 0) e encaminhá-lo para a sub-skill correta. Ajusta o tom e escreve regras de roteamento no CLAUDE.md na primeira execução.

Uma habilidade que força decisões, eliminando rodeios e comprometendo-se com uma única resposta. Ative-a quando o usuário pede ao Claude para escolher entre opções, recomendar uma abordagem ou fazer um julgamento comparativo, buscando uma resposta definitiva em vez de uma lista de prós e contras.

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Pr

Content-focused SEO audit for Next.js apps. Deep dive into E-E-A-T, AI-generated content detection (26 phrases + 24 vague quantifiers), humanity/specificity/structure scoring, search intent detection, opportunity scoring, internal linking audit, and citability-ready rewrite priorities. Complements creo-seo (which covers technical, build, live, schema) by focusing exclusively on content quality. Tr

Professional frontend development skill covering Svelte, SvelteKit, shadcn-svelte, and Bun ecosystem. Use this skill when building modern web applications, creating UI components, implementing state management, handling forms, or working with TypeScript-based frontend architectures. Ideal for projects requiring reactive frameworks, server-side rendering, or type-safe component development.

Use when deciding how users interact with UI elements — expand vs navigate, modal vs bottom sheet, swipe gestures, tap targets, optimistic UI, loading patterns, or undo for destructive actions. Use before features get built so every screen inherits the same rules.