Design e Frontend

Gera instruções otimizadas para o Claude (instruções de projeto, Skills ou prompts). Utilize para criar configurações de projeto, prompts eficazes, construir Skills ou orientar sobre tipos de instruções para o Claude.ai.

Gera artefatos HTML de arquivo único (como relatórios, apresentações e fluxogramas) a partir de uma especificação JSON, substituindo o HTML/CSS/JS manual. Utilize para comparar opções lado a lado, solicitar versões HTML de documentos ou criar fluxos.

Esta skill realiza orquestração ciente de habilidades com roteamento de contexto, decompondo tarefas complexas em subtarefas tipadas por habilidade, executando subagentes em paralelo e sintetizando resultados. É ideal para tarefas que exigem múltiplas perspectivas analíticas ou quando o contexto é grande e as subtarefas precisam apenas de porções.

Use when running claudikins-kernel:outline, brainstorming implementation approaches, gathering requirements iteratively, structuring complex technical plans, or facing analysis paralysis with too many options — provides iterative human-in-the-loop planning with explicit checkpoints and trade-off presentation

Orientação para fazer perguntas de esclarecimento quando as solicitações do usuário são ambíguas, têm múltiplas abordagens válidas ou exigem decisões críticas. Use quando existirem escolhas de implementação que possam afetar significativamente os resultados.

Aplica raciocínio de certificado semi-formal à análise de código para verificação de patches, localização de falhas e equivalência de patches. Útil ao revisar patches, caçar bugs em diferentes escopos, comparar correções ou rastrear a execução entre arquivos/módulos.

Ferramentas de visão aumentada analisam imagens além das capacidades visuais nativas. Utilize-as para descrições detalhadas, reprodução em SVG, identificação de características sutis, comparação de regiões, leitura de texto degradado ou qualquer inspeção visual cuidadosa, incluindo o fornecimento de dados de referência para cores, formas ou limites em conversões de imagem para SVG.

Cria interfaces iOS/macOS no estilo Apple, seguindo as Human Interface Guidelines, com componentes compatíveis com HIG, SF Symbols, tipografia San Francisco e acessibilidade adequada. Suporta efeitos modernos opcionais, ideal para design de UI Apple ou implementação de sistemas de design.

Divide sistemas complexos em componentes atômicos, mapeia suas relações e os reconstrói em configurações otimizadas para identificar gargalos, pontos críticos de falha e oportunidades de redesenho.

Use when the user has a net-new software project idea that needs shaping into a brief before tasks can be created. Triggers: "I want to build...", "I'm thinking about an app for...", "let's plan a project", vague or exploratory phrasing, ambiguous scope. Do not use when an existing repo is present (route to onboarding), a Piyaz project already exists with a description, or the user has a complete

Use when a Piyaz project exists with a description but few or no tasks, and the user wants it broken into an implementable graph (project-level decomposition). Triggers: "decompose", "break this down", "create tasks", "turn this into tasks", "give me a task list", "plan out the work", "how should I build this". Do not use when no Piyaz project exists yet (route to brainstorm), the description is t

Use when the user has a net-new software project idea that needs shaping into a brief before tasks can be created. Triggers: "I want to build...", "I'm thinking about an app for...", "let's plan a project", vague or exploratory phrasing, ambiguous scope. Do not use when an existing repo is present (route to onboarding), a Piyaz project already exists with a description, or the user has a complete