npx skills add andrehfp/tinyplateREADME
tinyplate
Boilerplate de skills do Claude Code para projetos Next.js.
O que é isso?
Uma coleção de skills e agents pré-configurados para o Claude Code, prontos para usar em qualquer projeto.
Como Usar
1. Clone o repositório
git clone git@github.com:andrehfp/tinyplate.git
cd tinyplate
2. Copie a pasta .claude/ para seu projeto
cp -r .claude/ /caminho/do/seu/projeto/
3. Abra o Claude Code no seu projeto
cd /caminho/do/seu/projeto
claude
4. Use as skills
/posthog # Analytics & Feature Flags
/seo-technical # SEO para Next.js
/marketing-copy # Copywriting Direct Response
/ux-design # UX Design
/stripe # Pagamentos Stripe
/abacatepay # Pagamentos PIX
Skills Incluídas
| Skill | Descrição |
|---|---|
posthog | Analytics, feature flags, session replay com reverse proxy |
seo-technical | SEO técnico: sitemaps, meta tags, structured data |
marketing-copy | Copy usando Elevated Direct Response framework |
ux-design | UX com princípios Jobs-era Apple |
stripe | Checkout, webhooks, subscriptions, customer portal |
abacatepay | Pagamentos PIX para o mercado brasileiro |
Agents Incluídos
| Agent | Descrição |
|---|---|
security-auditor | Auditoria de segurança para APIs, database, auth |
Estrutura
.claude/
├── CLAUDE.md # Instruções base
├── settings.local.json # Configurações do Claude Code
├── skills/
│ ├── posthog/
│ │ ├── SKILL.md
│ │ └── references/
│ ├── seo-technical/
│ ├── marketing-copy/
│ ├── ux-design/
│ ├── stripe/
│ └── abacatepay/
└── agents/
└── security-auditor.md
Personalização
Adicionar novas skills
- Crie uma pasta em
.claude/skills/nome-da-skill/ - Adicione um arquivo
SKILL.mdcom as instruções - Opcionalmente, adicione uma pasta
references/com documentação
Modificar skills existentes
Edite o arquivo SKILL.md ou os arquivos em references/ conforme necessário.
Requisitos
- Claude Code CLI
- Conta Anthropic com acesso ao Claude Code
Licença
MIT
Publisher
Statistics
Stars45
Forks26
Open Issues0
CreatedJan 13, 2026