Pca UI V2

Construtor de UI PCA Camocim (V2)

Visão Geral

Esta habilidade permite criar mini-aplicações React visualizáveis diretamente na interface do Claude. É usada para validar ideias visuais (ex: novos formulários de contratação) sem sujar o código principal.

Como Funciona

A skill executa scripts shell que:

1. Inicializam um projeto React temporário com shadcn/ui.
2. Permitem ao Claude escrever o código dos componentes.
3. Empacotam tudo num único ficheiro bundle.html.

Instruções de Uso

1. Criar um Protótipo

Quando o utilizador pedir "Crie um protótipo visual de X":

1. Execute scripts/init-artifact.sh para preparar o ambiente.
2. Escreva o código React (App.tsx, componentes).
3. Execute scripts/bundle-artifact.sh para gerar o HTML final.

Requisitos Técnicos

• O ambiente deve suportar execução de Bash scripts.
• O ficheiro shadcn-components.tar.gz deve estar presente em scripts/.