Design e Frontend
16.414 skills encontradas
Alerta por categoria
Receba novas skills de Design e Frontend toda segunda
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
designing-and-implementing
Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
every-style-editor
This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide. It provides a systematic line-by-line review process for grammar, punctuation, mechanics, and style guide compliance.
m5-onboard
End-to-end onboarding for a freshly-plugged-in M5Stack ESP32 device (Cardputer, Cardputer-Adv, Core, CoreS3, Stick) — detect on USB, flash UIFlow 2.0 firmware, and install the Claude Buddy MicroPython app bundle. Use whenever the user plugs in or wants to flash/provision/reset an M5Stack or ESP32 board, or says "m5-onboard go".
questionably-ultrathink-skill
Use this skill when facing complex problems requiring rigorous reasoning, systematic decomposition, or factual verification. Activation triggers: * "be thorough", "analyze carefully", "make sure this is right" * Complex multi-part questions * Architecture or security decisions * "verify", "double-check", "are you sure" * High-stakes technical decisions * Debugging complex issues
building-mcp-servers
Especialista em integrar servidores do Protocolo de Contexto do Modelo (MCP) em plugins do Claude Code. Invoca automaticamente quando o usuário deseja adicionar integrações de ferramentas externas, configurar servidores MCP, configurar conexões (stdio/SSE/HTTP/WebSocket) ou precisa de ajuda com autenticação e segurança MCP, e também proativamente ao escrever arquivos de configuração MCP (.mcp.json) ou adicionar mcpServers ao manifesto do plugin.
baseline-ui
Impõe uma base de UI com diretrizes claras para evitar a desorganização em interfaces geradas por IA.
angular-20-standalone-component
Crie componentes standalone do Angular 20 usando padrões modernos: Signals para gerenciamento de estado, funções input()/output() (não decoradores), fluxo de controle @if/@for/@switch (não *ngIf/*ngFor), injeção de dependência inject() (não construtor) e detecção de mudanças OnPush. Use esta skill ao criar novos componentes de UI que precisam de estado reativo, manipulação de formulários ou integração com serviços.
baoyu-infographic
Gera infográficos profissionais com 20 tipos de layout e 17 estilos visuais. Analisa o conteúdo, recomenda combinações de layout×estilo e gera infográficos prontos para publicação.
senior-backend
Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.
rn-styling
Padrões de estilo para React Native com NativeWind e BrandColors. Use ao trabalhar com estilos, temas, cores, layouts responsivos ou UI específica da plataforma no Expo/React Native.
cc-skill-project-guidelines-example
Habilidade de Diretrizes de Projeto (Exemplo)
pricing-strategy
When the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' 'monetization,' 'how much should I charge,' 'my pricing is wrong,' 'pricing page,' 'annual vs monthly,' 'per seat pricing,' or 'should I offe