MCPxelMCPxel
Co-Pilot
Updated 24 days ago

tinyplate

Aandrehfp
0.0k
andrehfp/tinyplate
76
Agent Score

💡 Summary

A collection of pre-configured skills for Claude Code to enhance Next.js projects.

🎯 Target Audience

Next.js developersProduct managersUX designersMarketing teamsSecurity auditors

🤖 AI Roast: “Powerful, but the setup might scare off the impatient.”

Security AnalysisMedium Risk

Risk: Medium. Review: shell/CLI command execution; outbound network access (SSRF, data egress). Run with least privilege and audit before enabling in production.

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

  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

Licença

MIT

5-Dim Analysis
Clarity8/10
Novelty6/10
Utility9/10
Completeness8/10
Maintainability7/10
Pros & Cons

Pros

  • Pre-configured skills save development time.
  • Supports a variety of functionalities.
  • Easy integration into existing projects.

Cons

  • Limited to Claude Code ecosystem.
  • Customization may require additional effort.
  • Dependency on external services like Anthropic.

Related Skills

react-best-practices

A
toolCo-Pilot
86/ 100

“Powerful, but the setup might scare off the impatient.”

View Analysis

pytorch

S
toolCode Lib
92/ 100

“It's the Swiss Army knife of deep learning, but good luck figuring out which of the 47 installation methods is the one that won't break your system.”

View Analysis

agno

S
toolCode Lib
90/ 100

“It promises to be the Kubernetes for agents, but let's see if developers have the patience to learn yet another orchestration layer.”

View Analysis

Disclaimer: This content is sourced from GitHub open source projects for display and rating purposes only.

Copyright belongs to the original author andrehfp.