Design e Frontend

Skill de design baseada em código Claude para prototipagem de alta fidelidade e design de precisão com Figma MCP. Ela é estruturada por três regras essenciais: verificação de fatos, confidencialidade antes de chamadas externas e um portão de importação "strip-then-scan" para ativos de IA, tudo integrado ao Codex CLI (raciocínio GPT-5.5, geração de imagem gpt-image-2) e à ferramenta Figma MCP.

Go-to-market launch framework for products and features. Use when user wants to plan a launch, define positioning, evaluate channels, set pricing strategy, or build a KPI framework. Triggers on "go to market", "GTM", "launch plan", "positioning", "channel strategy", "pricing strategy", or /gtm commands.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating vis

Reference guide for MongoDB performance patterns: index strategies (ESR rule, compound, partial, TTL), explain plan interpretation, and performance checklists. Use as background knowledge when advising on indexing or performance. For hands-on optimization of a specific slow query, trigger the query-advisor agent instead.

Review codebase quality — find stale decisions, knowledge gaps, and implicit dependencies

Find, install, and configure an MCP server for a specific service. Handles discovery, installation, and verification.

O agente identifica padrões na interação de Lucy e aprimora silenciosamente suas respostas para ela. Registra correções, preferências e padrões, promovendo os que se repetem 3+ vezes para a memória HOT (sempre carregada). Use após correções, trabalhos significativos ou ao notar que a saída pode ser melhor.

Design the developer experience for a platform, API, or SDK product. Use this skill when a team is building developer-facing products and needs to think through DX from a product perspective.

Use this skill when the user is mid-build and drifting, scope is creeping, or focus is lost. Trigger on "ship focus", "scope check", "refocus", "what should I cut", "am I scope creeping", "this is getting bigger than expected", "I'm losing focus", "I keep finding things to improve", "should I stop and ship what I have", or "new requirements came in". Also trigger when the user expresses frustratio

Esta skill auxilia na criação de telas de configurações, preferências ou 'sobre' para aplicativos iOS/SwiftUI. Ela oferece um fluxo de trabalho interativo para selecionar funcionalidades e coletar entradas, integrando então o SettingsKit.swift para montar a tela.

Valida durações de animação, impõe escala tipográfica, verifica a acessibilidade de componentes e previne anti-padrões de layout em projetos Tailwind CSS. Use ao construir componentes de UI, revisar utilitários CSS, estilizar views React ou garantir a consistência do design.

Apply platform and API product thinking to define developer experience, extensibility, and ecosystem strategy. Use this skill when a team is building a platform, API, or developer-facing product.