nextjs-web

Name: nextjs-web
Author: JuanCastrejon

Usar cuando se trabaja con archivos TypeScript o TSX del panel web Next.js. Incluye convenciones de componentes, hooks, App Router y logger.

by JuanCastrejon(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Instruction file imported from JuanCastrejon/Dian (.github/instructions/nextjs-web.instructions.md). Copyright stays with the author.

Convenciones Web Next.js

Estructura

src/
├── app/          → Rutas (App Router)
├── components/   → Componentes reutilizables
├── hooks/        → Custom hooks
├── lib/          → Utilidades y servicios
└── types/        → Tipos TypeScript

Reglas

Componentes: PascalCase — InvoiceTable.tsx
Hooks: camelCase con use — useInvoices()
Logger: logger.forModule('nombre'), nunca console.log directo
Comentarios: JSDoc en español para componentes públicos
Puerto: Desarrollo en http://localhost:3001

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

juancastrejon-dian-nextjs-web-instructions.ocm.jsonjson

{
  "ocm": "1",
  "id": "juancastrejon-dian-nextjs-web-instructions",
  "kind": "skill",
  "name": "nextjs-web",
  "description": "Usar cuando se trabaja con archivos TypeScript o TSX del panel web Next.js. Incluye convenciones de componentes, hooks, App Router y logger.",
  "publisher": "JuanCastrejon",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "github-instructions"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Usar cuando se trabaja con archivos TypeScript o TSX del panel web Next.js. Incluye convenciones de componentes, hooks, App Router y logger."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-instructions",
      "repository": "https://github.com/JuanCastrejon/Dian",
      "path": ".github/instructions/nextjs-web.instructions.md",
      "ref": "5423e863aa29294e86f6e36c992d6e06a7e0d269",
      "url": "https://github.com/JuanCastrejon/Dian/blob/5423e863aa29294e86f6e36c992d6e06a7e0d269/.github/instructions/nextjs-web.instructions.md",
      "key": "JuanCastrejon/Dian/.github/instructions/nextjs-web.instructions.md"
    },
    "applies_to": "apps/web/**/*.{ts,tsx}"
  },
  "instructions": "# Convenciones Web Next.js\n\n## Estructura\n\n```\nsrc/\n├── app/          → Rutas (App Router)\n├── components/   → Componentes reutilizables\n├── hooks/        → Custom hooks\n├── lib/          → Utilidades y servicios\n└── types/        → Tipos TypeScript\n```\n\n## Reglas\n\n- **Componentes**: PascalCase — `InvoiceTable.tsx`\n- **Hooks**: camelCase con `use` — `useInvoices()`\n- **Logger**: `logger.forModule('nombre')`, nunca `console.log` directo\n- **Comentarios**: JSDoc en español para componentes públicos\n- **Puerto**: Desarrollo en `http://localhost:3001`",
  "cost": {
    "context_tokens": 138
  }
}

Fetch it by URL: GET /api/v1/registry/juancastrejon-dian-nextjs-web-instructions/manifest?version=1.0.0