Skill: Criador de Páginas de Perícia
Esta skill automatiza a criação de páginas de perícia de cartas Pokémon TCG graduadas, usando o template padronizado do projeto.
Quando Usar
- Quando o usuário pedir para criar uma nova perícia
- Quando quiser adicionar uma nova carta ao portfólio
- Quando precisar documentar uma carta graduada
- Quando mencionar "nova perícia", "criar laudo", "adicionar carta"
Processo de Criação
1. Coleta de Informações
Faça perguntas ao usuário usando o AskUserQuestion tool para coletar:
Informações Básicas:
- Nome da carta
- Número da carta
- Coleção/Set
- Ano de lançamento
- Raridade (use a padronização abaixo)
- Tipo do Pokémon
- Idioma
- Fabricante
- Ilustrador/Artista
- URLs das fotos (frente e verso)
Padronização de Raridades:
Use sempre o formato misto português/inglês com abreviações padronizadas:
- SAR: "Ilustração Especial Rara (SAR)"
- AR: "Ilustração Rara (AR)"
- HR: "Hyper Rare (HR)"
- SR: "Shiny Rare (SR)"
- UR: "Ultra Rare (UR)"
Informações de Graduação:
- Graduadora (Manafix ou GBA)
- Certificado
- Nota final
- Descrição da nota (Mint, Heavy Played, etc)
- Data da certificação/avaliação ou programa
- Notas por componente:
- Centering
- Corners
- Edges
- Surface
- Ranking/População (mesma nota, nota maior, total)
Informações Adicionais:
- Links de referência (MyP, TCGPlayer, Liga Pokémon, Price Charting, etc)
- Campos opcionais (Edição, Versão, Lançamento, Registro AAA)
2. Decisões de Estrutura
Use AskUserQuestion para perguntar:
Estrutura de Links:
- Opção A: Links dentro da seção de graduação (padrão Mew e Armarouge)
- Opção B: Seção separada "Links de Referência" (padrão Pikachu)
Campos Adicionais:
- Incluir campo "Edição"? (Mew)
- Incluir campo "Versão"? (Mew)
- Incluir campo "Lançamento"? (Armarouge)
- Incluir campo "Registro AAA"? (GBA)
Observações:
- Incluir nota sobre alteração de dados ao longo do tempo? (Mew e Armarouge)
Footer:
- Formato: "Laudo gerado em: [DATA]" ou "Laudo gerado para: [CERTIFICADO]"
3. Conteúdo Dinâmico
Solicite ao usuário:
Observações Técnicas Detalhadas:
Para cada componente (Centering, Corners, Edges, Surface):
- Descrição detalhada da condição
- Ícone apropriado (✓ positivo, ⚠ neutro, ! atenção)
- Cor do texto (success, secondary, warning)
Observação de Autenticidade:
- Descrição da verificação de autenticidade
Histórico de Proveniência:
- Número de itens na timeline
- Para cada item:
- Data/período
- Título do evento
- Descrição completa
- Se deve iniciar expandido (collapse show)
Informações sobre Artista/Ilustrador:
- Breve descrição
- Lista de características/trabalhos
Notas sobre Graduadora:
- Informações relevantes sobre a graduadora
4. Geração do Arquivo
- Leia o template:
template_pericia.html
- Substitua todas as variáveis
{{VARIAVEL}} pelos valores coletados
- Ajuste seções opcionais conforme as escolhas do usuário
- Gere o conteúdo dinâmico (observações, histórico, informações de artista)
- Salve em
pages/[nome-arquivo].html
5. Cores de Badge Automáticas
Por Nota:
- 10 ou 9.5+:
bg-success (verde)
- 9 - 9.25:
bg-success (verde)
- 8 - 8.5:
bg-warning text-dark (amarelo)
- 6 - 7.5:
bg-secondary (cinza)
- 3 - 5.5:
bg-secondary (cinza)
Barra de Progresso:
- Nota 9-10:
bg-success
- Nota 8-8.9:
bg-warning
- Nota <8:
bg-secondary
Porcentagem da Barra:
- Calcular:
nota × 10 (ex: nota 9 = 90%)
6. Validação Final
Antes de salvar, verifique:
- ✅ Todas as variáveis
{{...}} foram substituídas
- ✅ URLs das fotos estão corretas
- ✅ Links externos estão completos
- ✅ Accordion do histórico tem IDs únicos (collapse1, collapse2, etc)
- ✅ Primeiro item do histórico tem
collapse show se apropriado
- ✅ Cores dos badges correspondem às notas
- ✅ Raridade usa o formato padronizado (SAR, AR, HR, SR, UR)
- ✅ Nome do arquivo usa formato kebab-case (ex: pikachu-gold.html)
Referências
Para detalhes completos sobre variáveis e estrutura, consulte reference.md.
Exemplo de Fluxo
Usuário: "Criar perícia para o Charizard ex"
Assistente:
1. Fazer perguntas para coletar informações básicas
2. Perguntar sobre preferências de estrutura
3. Solicitar observações técnicas e histórico
4. Gerar HTML com base no template
5. Salvar em pages/charizard-ex.html
6. Informar ao usuário que a página foi criada
Notas Importantes
- Consistência: Mantenha o padrão das páginas existentes
- Formato de Data: Sempre DD/MM/YYYY
- Nome de Arquivo: Use kebab-case e seja descritivo
- Graduadoras: Respeite as diferenças entre Manafix, GBA, CAPY, CGC, ACE, BGS e PSA
- Bootstrap 5.3.0: Use as classes corretas do Bootstrap
- Accordion IDs: Devem ser únicos dentro da página
- Raridades: SEMPRE use o formato padronizado misto (português + abreviação inglesa)
1---2name: pericia-template3description: Cria novas páginas de perícia de cartas Pokémon TCG graduadas usando o template padronizado. Use quando o usuário pedir para criar uma nova perícia, laudo de carta, ou adicionar uma nova carta ao portfólio.4---5
6# Skill: Criador de Páginas de Perícia
7
8Esta skill automatiza a criação de páginas de perícia de cartas Pokémon TCG graduadas, usando o template padronizado do projeto.
9
10## Quando Usar
11
12- Quando o usuário pedir para criar uma nova perícia
13- Quando quiser adicionar uma nova carta ao portfólio
14- Quando precisar documentar uma carta graduada
15- Quando mencionar "nova perícia", "criar laudo", "adicionar carta"
16
17## Processo de Criação
18
19### 1. Coleta de Informações
20
21Faça perguntas ao usuário usando o **AskUserQuestion** tool para coletar:
22
23**Informações Básicas:**
24- Nome da carta
25- Número da carta
26- Coleção/Set
27- Ano de lançamento
28- Raridade (use a padronização abaixo)
29- Tipo do Pokémon
30- Idioma
31- Fabricante
32- Ilustrador/Artista
33- URLs das fotos (frente e verso)
34
35**Padronização de Raridades:**
36Use sempre o formato misto português/inglês com abreviações padronizadas:
37- SAR: "Ilustração Especial Rara (SAR)"
38- AR: "Ilustração Rara (AR)"
39- HR: "Hyper Rare (HR)"
40- SR: "Shiny Rare (SR)"
41- UR: "Ultra Rare (UR)"
42
43**Informações de Graduação:**
44- Graduadora (Manafix ou GBA)
45- Certificado
46- Nota final
47- Descrição da nota (Mint, Heavy Played, etc)
48- Data da certificação/avaliação ou programa
49- Notas por componente:
50 - Centering
51 - Corners
52 - Edges
53 - Surface
54- Ranking/População (mesma nota, nota maior, total)
55
56**Informações Adicionais:**
57- Links de referência (MyP, TCGPlayer, Liga Pokémon, Price Charting, etc)
58- Campos opcionais (Edição, Versão, Lançamento, Registro AAA)
59
60### 2. Decisões de Estrutura
61
62Use **AskUserQuestion** para perguntar:
63
64**Estrutura de Links:**
65- Opção A: Links dentro da seção de graduação (padrão Mew e Armarouge)
66- Opção B: Seção separada "Links de Referência" (padrão Pikachu)
67
68**Campos Adicionais:**
69- Incluir campo "Edição"? (Mew)
70- Incluir campo "Versão"? (Mew)
71- Incluir campo "Lançamento"? (Armarouge)
72- Incluir campo "Registro AAA"? (GBA)
73
74**Observações:**
75- Incluir nota sobre alteração de dados ao longo do tempo? (Mew e Armarouge)
76
77**Footer:**
78- Formato: "Laudo gerado em: [DATA]" ou "Laudo gerado para: [CERTIFICADO]"
79
80### 3. Conteúdo Dinâmico
81
82Solicite ao usuário:
83
84**Observações Técnicas Detalhadas:**
85Para cada componente (Centering, Corners, Edges, Surface):
86- Descrição detalhada da condição
87- Ícone apropriado (✓ positivo, ⚠ neutro, ! atenção)
88- Cor do texto (success, secondary, warning)
89
90**Observação de Autenticidade:**
91- Descrição da verificação de autenticidade
92
93**Histórico de Proveniência:**
94- Número de itens na timeline
95- Para cada item:
96 - Data/período
97 - Título do evento
98 - Descrição completa
99 - Se deve iniciar expandido (collapse show)
100
101**Informações sobre Artista/Ilustrador:**
102- Breve descrição
103- Lista de características/trabalhos
104
105**Notas sobre Graduadora:**
106- Informações relevantes sobre a graduadora
107
108### 4. Geração do Arquivo
109
1101. Leia o template: `template_pericia.html`
1112. Substitua todas as variáveis `{{VARIAVEL}}` pelos valores coletados
1123. Ajuste seções opcionais conforme as escolhas do usuário
1134. Gere o conteúdo dinâmico (observações, histórico, informações de artista)
1145. Salve em `pages/[nome-arquivo].html`
115
116### 5. Cores de Badge Automáticas
117
118**Por Nota:**
119- 10 ou 9.5+: `bg-success` (verde)
120- 9 - 9.25: `bg-success` (verde)
121- 8 - 8.5: `bg-warning text-dark` (amarelo)
122- 6 - 7.5: `bg-secondary` (cinza)
123- 3 - 5.5: `bg-secondary` (cinza)
124
125**Barra de Progresso:**
126- Nota 9-10: `bg-success`
127- Nota 8-8.9: `bg-warning`
128- Nota <8: `bg-secondary`
129
130**Porcentagem da Barra:**
131- Calcular: `nota × 10` (ex: nota 9 = 90%)
132
133### 6. Validação Final
134
135Antes de salvar, verifique:
136- ✅ Todas as variáveis `{{...}}` foram substituídas
137- ✅ URLs das fotos estão corretas
138- ✅ Links externos estão completos
139- ✅ Accordion do histórico tem IDs únicos (collapse1, collapse2, etc)
140- ✅ Primeiro item do histórico tem `collapse show` se apropriado
141- ✅ Cores dos badges correspondem às notas
142- ✅ Raridade usa o formato padronizado (SAR, AR, HR, SR, UR)
143- ✅ Nome do arquivo usa formato kebab-case (ex: pikachu-gold.html)
144
145## Referências
146
147Para detalhes completos sobre variáveis e estrutura, consulte [reference.md](reference.md).
148
149## Exemplo de Fluxo
150
151```
152Usuário: "Criar perícia para o Charizard ex"
153
154Assistente:
1551. Fazer perguntas para coletar informações básicas
1562. Perguntar sobre preferências de estrutura
1573. Solicitar observações técnicas e histórico
1584. Gerar HTML com base no template
1595. Salvar em pages/charizard-ex.html
1606. Informar ao usuário que a página foi criada
161```
162
163## Notas Importantes
164
165- **Consistência:** Mantenha o padrão das páginas existentes
166- **Formato de Data:** Sempre DD/MM/YYYY
167- **Nome de Arquivo:** Use kebab-case e seja descritivo
168- **Graduadoras:** Respeite as diferenças entre Manafix, GBA, CAPY, CGC, ACE, BGS e PSA
169- **Bootstrap 5.3.0:** Use as classes corretas do Bootstrap
170- **Accordion IDs:** Devem ser únicos dentro da página
171- **Raridades:** SEMPRE use o formato padronizado misto (português + abreviação inglesa)