/new-feature — Scaffold de nova feature

Argumento: nome da feature em kebab-case (ex: `live-coding`)

PublishedJun 9, 2026

Loading actions...

5 minBeginnerprompt5 files

Skill content

Main instructions and any bundled files for this skill.

markdown

Additional Files (4)

/new-feature — Scaffold de nova feature

Argumento: nome da feature em kebab-case (ex: live-coding)

Checklist de criação

Estrutura de arquivos — crie os diretórios e arquivos base:

features/&#x3C;nome>/
  components/     # componentes React da feature
  hooks/          # hooks React Query

app/(app)/&#x3C;nome>/page.tsx    # página protegida
app/api/&#x3C;nome>/route.ts      # API route (se necessário)

Página — comece com Server Component quando não precisar de estado. Adicione 'use client' apenas quando usar hooks.
API Route — inclua obrigatoriamente:
- Auth check com createClient() + supabase.auth.getUser()
- Rate limit com checkRateLimit('<nome-do-endpoint>')
- Erros sanitizados com sanitizeError()
- Logs com logger.info/error()
Tradução — adicione strings em lib/i18n/translations.ts (EN e PT simultaneamente, nunca só um idioma).
NavLinks — adicione a rota em components/NavLinks.tsx com ícone e tradução.
Verificação — rode /check antes do commit.

Template de API Route protegida

import { NextResponse } from 'next/server'
import { createClient } from '@/lib/supabase/server'
import { checkRateLimit, logUsage, sanitizeError } from '@/lib/api/rate-limit'
import { logger } from '@/lib/logger'

export async function POST(request: Request) {
  const supabase = await createClient()
  const { data: { user } } = await supabase.auth.getUser()
  if (!user) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })

  const rl = await checkRateLimit('&#x3C;endpoint>')
  if (!rl.allowed) return rl.response

  try {
    // lógica aqui
    await logUsage(user.id, '&#x3C;endpoint>', 0, 0, 'ok')
    return NextResponse.json({ data: {} })
  } catch (err) {
    logger.error('Erro em &#x3C;endpoint>', err, { userId: user.id })
    return NextResponse.json({ error: sanitizeError(err) }, { status: 500 })
  }
}

Contents

View Original Source

Related Skills

General

PromptBeginner5 minmarkdown

Untitled Skill

193

Jan 12, 2026

General

PromptBeginner5 minmarkdown

Frontend Typescript Linting.mdc

TypeScript and ESLint rules that MUST be followed when creating, modifying, or reviewing any file under apps/frontend/, including .ts, .tsx, .js, and .jsx files. Also apply when discussing frontend li...

160

Feb 15, 2026

General

PromptBeginner5 minmarkdown

2. Apply Deepthink Protocol (reason about dependencies

risks

127

Jan 15, 2026