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 [email protected]: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

1. Crie uma pasta em .claude/skills/nome-da-skill/
2. Adicione um arquivo SKILL.md com as instruções
3. 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