# Create Component

> Criação guiada de componentes com os padrões adequados

- Fonte: https://doutorai.pt/componentes/commands__wshobson-agents__commands-create-component
- Tipo: Comandos
- Categoria: Geral
- Downloads: 0
- Site: Doutor AI (https://doutorai.pt) - ferramentas de IA para pequenos negócios em português

Componente da comunidade open-source, selecionado, traduzido e adaptado pelo Doutor AI.

## Para que serve e como usar

Um **comando /slash** pronto a usar que executa um fluxo de trabalho de geral num só passo.

1. Instale o comando (comando acima).
2. No Claude Code escreva "/" seguido do nome do comando.
3. Siga as instruções que o comando pede e deixe-o correr.

## Instalar (Claude Code)

```bash
mkdir -p .claude/commands && curl -fsSL https://doutorai.pt/data/lib/commands__wshobson-agents__commands-create-component.md -o .claude/commands/wshobson-agents__commands-create-component.md
```

Cole este comando no terminal, na pasta do seu projeto, e o componente é instalado automaticamente.

## Conteúdo

```
---
description: "Guided component creation with proper patterns"
argument-hint: "[component-name]"
---

# Create Component

Guided workflow for creating new UI components following established patterns and best practices.

## Pre-flight Checks

1. Check if `.ui-design/` directory exists:
   - If not: Create `.ui-design/` directory
   - Create `.ui-design/components/` subdirectory for component tracking

2. Detect project configuration:
   - Scan for framework (React, Vue, Svelte, Angular)
   - Scan for styling approach (CSS Modules, Tailwind, styled-components, etc.)
   - Check for existing c

- 🔒 Conteúdo completo no plano Pro (7,99€/mês) -
```

## Componentes relacionados

- [act](https://doutorai.pt/componentes/commands__act): Executar GitHub Actions localmente usando o act
- [add-authentication-system](https://doutorai.pt/componentes/commands__add-authentication-system): Implementar um sistema seguro de autenticação de utilizadores com o método escolhido e as melhores práticas de segurança
- [add-changelog](https://doutorai.pt/componentes/commands__add-changelog): Gerar e manter o changelog do projeto com o formato Keep a Changelog
- [add-mutation-testing](https://doutorai.pt/componentes/commands__add-mutation-testing): Configurar testes de mutação abrangentes com seleção de framework e integração CI
- [add-package](https://doutorai.pt/componentes/commands__add-package): Adicionar e configurar um novo pacote ao workspace com a estrutura e dependências adequadas
- [add-performance-monitoring](https://doutorai.pt/componentes/commands__add-performance-monitoring): Configurar monitorização abrangente de desempenho de aplicações com métricas, alertas e observabilidade

## Poupe horas todas as semanas com IA, sem complicações

O **Doutor AI** dá-lhe 1859 prompts de IA prontos a copiar, por indústria e em português simples - mais uma biblioteca técnica completa para quem quer ir mais longe. [Ver planos →](https://doutorai.pt/precos)

---
Conteúdo de Doutor AI (https://doutorai.pt). Ao citar, indique a fonte: https://doutorai.pt/componentes/commands__wshobson-agents__commands-create-component