Communitygithub.com

rbikbov/frontend-starter

Cria Registros de Decisões de Arquitetura (ADR) documentando decisões técnicas importantes com contexto, alternativas consideradas, trade-offs, consequências e responsáveis pela decisão. Use ao documentar 'decisões de arquitetura', 'escolhas técnicas', 'decisões de design' ou 'ADRs'.

O que é frontend-starter?

O repositório **rbikbov/frontend-starter** fornece uma habilidade especializada para agentes de IA (como Claude Code, Cursor ou Codex) chamada **ADR Writer**. Seu objetivo é auxiliar desenvolvedores na criação de **Registros de Decisões de Arquitetura (ADR)** bem estruturados. A habilidade é útil para garantir que decisões técnicas significativas sejam documentadas de forma clara e rastreável, incluindo contexto, alternativas consideradas, trade-offs, consequências e responsáveis. Ela suporta qualquer plataforma que aceite instruções baseadas em markdown. O funcionamento é baseado em um template extenso que cobre desde o cabeçalho (com status, data e autor) até seções obrigatórias como Contexto, Decisão, Detalhes Técnicos, Alternativas Consideradas, Consequências e Riscos. Além disso, inclui práticas recomendadas para diferentes cenários (seleção de tecnologia, mudanças arquiteturais, depreciações), anti-padrões a evitar e uma lista de verificação de saída para garantir a completude do documento.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/rbikbov/frontend-starter/tree/HEAD/.claude/skills/adr-writer

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Redator de ADR

Documente decisões de arquitetura com contexto claro, alternativas e consequências. Escreva em Português.

Modelo de ADR

# ADR-[Número]: [Título curto da decisão]

**Status:** [Proposto | Aceito | Descontinuado | Substituído por ADR-XXX]  
**Data:** [AAAA-MM-DD]  
**Autor:** [Nome/Handle]

## 1. Contexto

Qual problema estamos resolvendo? Quais fatores o afetam (objetivos de negócio, dívida técnica, orçamento)?  
**Restrições:**

- [Restrição 1]
- [Restrição 2]

## 2. Decisão

Uma breve declaração da decisão. A tese principal.

## 3. Detalhes técnicos e mecanismos

_Seção de formato livre. Descreva detalhes de implementação, estruturas de dados, detalhes de protocolo ou características-chave do framework._

- [Listas, descrições de API, esquemas de dados]
- [Visualização Mermaid (recomendada para interações complexas)]

## 4. Alternativas consideradas

### 4.1. [Opção 1]

- **Prós:** ...
- **Contras:** ...
- **Decisão:** [Rejeitada/Considerada] (motivo breve).

## 5. Consequências e riscos

### Positivos (Prós)

- Como isso ajuda o sistema/equipe?

### Negativos / Riscos (Contras/Riscos)

- Quais desvantagens aceitamos? Quais são as ameaças?
- **Mitigação:** Como lidaremos com os riscos?

## 6. Histórico de Revisão

- **[Data]**: [Descrição da mudança] ([Autor])
- **[Data]**: [Ex.: Status alterado para Aceito] ([Autor])

Numeração de ADR

ADR-001: Arquitetura Inicial do Sistema
ADR-002: Seleção de Banco de Dados para Análises
ADR-003: Estratégia de Autenticação
...

Fluxo de Status

Proposto → Aceito → Implementado
    ↓
Rejeitado

Aceito → Descontinuado → Substituído por ADR-XXX

Melhores Práticas

  1. Escreva ADRs para decisões significativas: Nem toda escolha precisa de um ADR
  2. Documente alternativas: Mostre que considerou opções
  3. Seja honesto sobre trade-offs: Toda decisão tem desvantagens
  4. Mantenha conciso: No máximo 1-2 páginas
  5. Atualize o status: Marque ADRs como descontinuados/substituídos
  6. Vincule ADRs relacionados: Crie trilhas de decisão
  7. Inclua acompanhamentos: Itens de ação com responsáveis
  8. Visualize: Use diagramas Mermaid para mostrar arquitetura e fluxos
  9. Escreva para leitores futuros que carecem de contexto atual
  10. Seja honesto sobre trade-offs (toda escolha tem desvantagens)

Padrões Comuns

Para seleção de tecnologia:

  • Foco em capacidades técnicas vs. requisitos
  • Inclua benchmarks de desempenho se disponíveis
  • Documente o nível de experiência da equipe
  • Considere a complexidade operacional

Para mudanças arquiteturais:

  • Inclua estratégia de migração em consequências
  • Documente o impacto de compatibilidade retroativa
  • Considere o impacto na velocidade da equipe durante a transição
  • Observe planos de monitoramento e rollback

Para padrões e convenções:

  • Inclua exemplos do padrão na prática
  • Documente exceções ou mecanismos de escape
  • Considere mecanismos de aplicação
  • Observe implicações educacionais/de onboarding

Para descontinuações:

  • Defina status como "Descontinuado" ou "Substituído por"
  • Vincule ao ADR substituto
  • Documente o cronograma de desativação
  • Inclua guia de migração

Anti-Padrões

❌ Muito detalhado: ADRs de 10 páginas que ninguém lê ❌ Sem alternativas: Parece que a decisão foi pré-determinada ❌ Consequências ausentes: Ignorar desvantagens ❌ Sem responsável: Ninguém accountable ❌ Status desatualizado: ADRs antigos marcados como "Proposto"

Lista de Verificação de Revisão

  • Declaração clara do problema no Contexto
  • Decisão declarada explicitamente
  • 2+ alternativas consideradas
  • Trade-offs avaliados honestamente
  • Consequências (positivas e negativas) documentadas
  • Riscos identificados com mitigações
  • Responsável pela decisão atribuído
  • Ações de acompanhamento com prazos
  • Status está atualizado

Lista de Verificação de Saída

  • Documento ADR criado
  • Contexto explica o problema
  • Decisão claramente declarada
  • 2-3 alternativas documentadas
  • Seção de trade-offs preenchida
  • Consequências listadas (positivas e negativas)
  • Riscos identificados com mitigações
  • Data da decisão e responsáveis
  • Ações de acompanhamento atribuídas
  • Status definido

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

rbikbov/frontend-starter

Проверка фронтенд-кода и документации на «нейрослоп» перед коммитом, PR или публикацией репозитория: остатки генераторов, мёртвые и недоделанные опции, утверждения в README и комментариях, не подтверждённые кодом, маркетинговый тон и эмодзи, лишние абстракции, хрупкая обработка ошибок, персональные данные в логах, несуществующие классы стилей. Использовать, когда просят проверить код или репозиторий «на слоп», подготовить проект к публикации или показу, сделать ревью кода, написанного с помощью ИИ, или перед тем как закоммитить собственную большую правку.

rbikbov/frontend-starter

Процесс разработки фичи с агентом: PRD с Non-Goals → компактная спецификация → задачи по одной на коммит → read-only исследование → tracer bullet → сборка с тестом сначала → независимое ревью субагентом → проверка в браузере. Использовать, когда просят сделать фичу, экран, пользовательский сценарий или заметное изменение поведения; когда нужно написать PRD, спецификацию или разбить работу на задачи; когда работа больше одного коммита. Не использовать для опечаток и однострочных правок.

rbikbov/frontend-starter

Авторизация и сессия во фронтенде на Next.js (App Router): где хранить токены, BFF на route handlers с HttpOnly-cookie, refresh токена без гонок, определение «не авторизован» (включая GraphQL, который отвечает 200), проверки в proxy.ts и Data Access Layer, безопасный редирект после входа, выход без утечки данных прошлого пользователя, токены в ссылках сброса пароля, формы входа и восстановления. Использовать, когда проектируешь или пишешь вход, регистрацию, восстановление пароля, защищённые страницы, API-клиент с refresh-токеном, или ревьюишь такой код.

rbikbov/frontend-starter

Старт нового фронтенд-проекта на Next.js (App Router) + TypeScript: фундамент, который закладывается до первой фичи. Использовать, когда нужно: создать проект с нуля; решить, нужны ли Next.js, монорепо, BFF, микрофронтенды; разложить FSD поверх роутинга Next; завести строгий TS, линтер границ, env-конфиг, модель ошибок и API-клиент, тесты, git-хуки, CI, каркас README; навести порядок в молодом проекте после генератора.

Habilidades Relacionadas