Design

openclaw-persona-forge é uma skill orientada a fluxo de trabalho para criar do zero pacotes completos de persona OpenClaw. Ela gera tensão de identidade, framing no estilo SOUL.md, regras de limite, opções de nomes e, opcionalmente, orientações para prompts de avatar. É ideal para design de personagens OpenClaw, agentes de roleplay e trabalhos de persona próximos de UI Design, mas não para ajustes pequenos em uma persona já existente.

A gan-style-harness é uma skill de Generator-Evaluator para Agent Orchestration que ajuda a construir apps completos com crítica mais rigorosa, melhor iteração e menos pontos fracos. Use-a quando precisar da skill gan-style-harness para trabalhos com foco em frontend, full-stack ou com mentalidade de produção, em que a qualidade da revisão importa mais do que a velocidade.

A skill prototype ajuda você a criar código descartável que responde a uma pergunta concreta antes de investir em uma implementação de verdade. Use-a para testar lógica, transições de estado, formato de dados ou a direção de uma interface com um protótipo executável que siga as convenções do repositório hospedeiro. É ideal quando você precisa de um guia rápido de prototype, e não de uma funcionalidade final.

design-taste-frontend é uma skill anti-slop para Frontend voltada a landing pages, portfólios, páginas editoriais e redesigns. Ela ajuda um agente a ler o briefing, inferir a direção visual certa e entregar interfaces que pareçam intencionais, em vez de genéricas ou baseadas em template. É ideal para Frontend quando gosto de design, hierarquia visual e aderência à marca realmente importam.

typeset melhora a tipografia de interfaces ao ajustar escolha de fontes, hierarquia, tamanhos, pesos e legibilidade, para que o texto pareça mais intencional. Use a skill typeset para UI Design quando o texto parecer genérico, inconsistente ou difícil de escanear, e você quiser um sistema tipográfico mais claro, com menos tentativa e erro.

shape é uma skill de UI/UX com foco em planejamento que conduz uma entrevista estruturada de descoberta e cria um briefing de design antes do código. Use para esclarecer problemas dos usuários, restrições e direção, e depois repassar o briefing para a implementação.

quieter é uma skill de refinamento de design de UI que reduz a agressividade visual em interfaces ruidosas ou excessivamente estimulantes, sem abrir mão de clareza, hierarquia e intenção da marca. Funciona melhor depois da skill pai `$impeccable` e ajuda equipes a diagnosticar as fontes de intensidade antes de fazer ajustes pontuais.

distill ajuda a simplificar interfaces confusas ao remover ruído, hierarquia fraca e opções redundantes, para deixar a tarefa principal clara. Use quando uma tela precisa de redução com critério, prioridades mais nítidas e uma rodada de simplificação mais focada.

critique ajuda você a revisar interfaces, recursos, páginas ou componentes sob a ótica de UX, com pontuação estruturada, testes baseados em personas, checagens heurísticas e feedback acionável. Use o skill critique quando precisar de um guia repetível de crítica para UI/UX Design, e não de comentários vagos. Ele é mais indicado para uma crítica focada em uma área específica, com contexto claro.

Use a skill delight para dar mais refinamento à UI, com microinterações e personalidade em estados de sucesso, carregamento, vazio e onboarding, sem prejudicar a usabilidade nem tirar o foco.

Clarify melhora textos confusos de UX, mensagens de erro, rótulos, etapas de onboarding e instruções para que as pessoas consigam agir com menos dúvida. É útil para Redação Técnica, conteúdo de suporte e equipes de produto que precisam de textos de interface mais claros. A skill começa pelo contexto, pelo público e pelo estado do usuário antes de reescrever, para que o resultado seja mais direto, específico e fácil de usar.

O figma-create-new-file cria um novo arquivo em branco do Figma Design ou um board do FigJam nos rascunhos. Use-o quando precisar de um ponto de partida novo antes de ações mais profundas no Figma, incluindo use_figma. Ele suporta design ou figjam, nomeação opcional do arquivo e pode resolver o acesso ao plano com whoami quando necessário.

Use o figma para extrair contexto de design, capturas de tela, variáveis e assets do servidor MCP do Figma e, em seguida, converter nós do Figma em decisões de UI prontas para implementação. Este skill de figma é ideal quando você tem uma URL do Figma ou um node ID e precisa de uso preciso do figma para trabalho de design para código, configuração ou troubleshooting.

shader-dev é uma skill prática de shaders GLSL para visuais em tempo real no estilo ShaderToy. Use a skill shader-dev para criar ou depurar ray marching, cenas com SDF, iluminação, partículas, movimento de fluidos, pós-processamento e shader-dev para UI Design com menos tentativa e erro do que com um prompt genérico.

brainstorm-ideas-new é uma skill de ideação na fase de descoberta, feita para transformar um novo conceito de produto em ideias específicas de funcionalidades a partir das perspectivas de PM, Designer e Engenheiro. Use para descoberta inicial de produto, ideias de startup e Planejamento Estratégico quando você precisar de opções práticas para validar antes de construir.

A skill identify-assumptions-existing ajuda você a testar a solidez de uma ideia de funcionalidade em um produto já existente, destacando suposições de risco em Value, Usability, Viability e Feasibility. Ela usa as perspectivas de PM, designer e engineer, além de um olhar de devil’s advocate para Strategic Planning e revisão de risco antes da implementação.

brainstorm-ideas-existing é uma skill de descoberta de produto para gerar ideias em torno de um produto já existente, usando as perspectivas de PM, Designer e Engineer. Ela ajuda você a explorar oportunidades, afunilar direções promissoras e priorizar conceitos para fluxos de Product Management e descoberta em trio.

wwas é uma skill de prompt para Planning de Requisitos que transforma ideias vagas em itens de backlog no formato Why-What-Acceptance. Use a skill wwas para registrar o contexto de negócio, definir a mudança com clareza e escrever critérios de aceite testáveis para trabalho pronto para sprint.

Use a skill user-stories para transformar funcionalidades em histórias prontas para o backlog, com os 3 C’s, critérios INVEST, links de design e critérios de aceitação testáveis. Ideal para escrever user stories, dividir funcionalidades em itens de backlog e usar user-stories no planejamento de requisitos com escopo mais claro e menos suposições.

Use o skill job-stories para transformar ideias de funcionalidades em job stories no estilo JTBD, no formato “Quando [situação], eu quero [motivação], para que eu possa [resultado].”. Isso ajuda a criar itens de backlog mais claros, a usar job-stories no planejamento de requisitos e a definir critérios de aceitação ancorados no contexto do usuário.

A skill design ajuda a transformar pedidos vagos de interface em resultado visual pronto para produção, cobrindo páginas, componentes, dashboards e refinamento guiado por screenshots. Use quando a interface estiver feia, confusa, inconsistente ou visualmente errada, e quando você precisar de design para UI Design, e não de lógica de backend ou pipelines de dados. Ela inclui orientações de instalação, uso, guardrails e decisões estéticas melhores.

A skill design-md analisa projetos Stitch e transforma suas telas em uma fonte de verdade semântica em DESIGN.md para garantir consistência de layout, tom, cores e linguagem de componentes. Use o design-md para Design Systems quando você precisar de orientações acionáveis para futuras gerações no Stitch, e não apenas de um resumo visual.

A skill sharp-edges ajuda você a encontrar APIs, configurações e interfaces em que o caminho mais fácil leva a um uso inseguro. Use-a para revisar fluxos de autenticação, wrappers criptográficos, padrões perigosos de default, semântica de null ou zero e escolhas de design propensas a uso indevido. É uma ótima opção para trabalhos de sharp-edges em Auditoria de Segurança quando você precisa de armadilhas concretas, não de palpites genéricos sobre segurança.

O lean-ux-canvas ajuda equipes a enquadrar um problema de negócio, explicitar suposições e definir o que aprender a seguir usando o Lean UX Canvas v2. Use-o para preparar workshops, alinhar stakeholders e apoiar o discovery inicial de produto quando você precisa de um guia prático de lean-ux-canvas antes de partir para a solução.