← Voltar para o catálogo
Use when the user asks to design, plan, or explore approaches before implementing — creating features, building components, or adding functionality that would benefit from design exploration first.
Ver no GitHub ↗
Copiar URL do repo
Copiar link do SKILL.md Licença: MIT
Como adicionar
Copiar comando
/plugin marketplace add redhat-community-ai-tools/claude-code-setup-evaluator
O comando exato pode variar conforme o repositório. Confira o README no GitHub.
Para o autor da skill
Cole no README do seu repo
Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.
[](https://www.skillteca.com.br/skills/brainstorming-redhat-community-ai-tools)
Copiar snippet
Cria interfaces frontend distintas e de nível de produção com alta qualidade de design, gerando código criativo e polido e design de UI que evita a estética genérica de IA. Use para construir componentes web, páginas e aplicações, ou para estilizar/embelezar UIs web.
Design e Frontend
#ai
#css
por anthropics
Guia para criar servidores MCP (Model Context Protocol) de alta qualidade que permitem que LLMs interajam com serviços externos por meio de ferramentas bem projetadas. Use ao construir servidores MCP para integrar APIs ou serviços externos, seja em Python (FastMCP) ou Node/TypeScript (MCP SDK).
Design e Frontend
#api
#llm
por anthropics
Kit de ferramentas para interagir e testar aplicações web locais usando Playwright. Suporta a verificação de funcionalidades de frontend, depuração de comportamento da UI, captura de screenshots do navegador e visualização de logs do navegador.
Design e Frontend
#test
por anthropics
Conjunto de ferramentas para criar artefatos HTML elaborados e multi-componentes para claude.ai, utilizando tecnologias web frontend modernas (React, Tailwind CSS, shadcn/ui). Use para artefatos complexos que exigem gerenciamento de estado, roteamento ou componentes shadcn/ui, não para artefatos HTML/JSX simples de arquivo único.
Design e Frontend
#ai
#css
por anthropics
Alerta por categoria
1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.
Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.
Ler descrição completa Recolher descrição
Brainstorming Ideas Into Designs
Help turn ideas into fully formed designs through collaborative dialogue.
When this skill activates, present a design before writing code. The design can be short (a few sentences for simple projects) — scale it to the complexity of the task. Get the user's approval before proceeding to implementation.
Process
Explore context — check files, docs, recent commitsAsk clarifying questions — one at a time, prefer multiple choice, understand purpose/constraints/success criteriaPropose 2-3 approaches — with trade-offs and your recommendationPresent design — scale each section to its complexity, ask after each section if it looks rightWrite spec — save to docs/specs/ (create directory if needed) and commitUser reviews spec — wait for approval before proceedingTransition — invoke writing-plans skill to create implementation plan
Design Principles
One question at a time — don't overwhelm with multiple questionsYAGNI ruthlessly — remove unnecessary featuresDesign for isolation — break into units with one clear purpose, well-defined interfaces, testable independentlyExplore alternatives — always propose 2-3 approaches before settlingScope check — if the request describes multiple independent subsystems, decompose into sub-projects first
Working in Existing Codebases
Explore the current structure before proposing changes. Follow existing patterns. Where existing code has problems that affect the work, include targeted improvements as part of the design. Don't propose unrelated refactoring. Stay focused on what serves the current goal.
After Design Approval
Invoke the writing-plans skill to create a detailed implementation plan. Do NOT invoke any other skill — writing-plans is the next step.
Compartilhar
X
LinkedIn
Copiar link