NODE_TOOLBOX · QUITO

RECURSOS / TOOLBOX

Biblioteca técnica: prompts listos para pegar, dotfiles de referencia y stack acordado del nodo. Sin marketing: solo artefactos ejecutables.

⌘K

PROMPT_LIBRARY

Vibe Coding System Prompt

Reglas de rol compactas: shipping, Tailwind-only, cero refactors colaterales. Pegar en Rules for AI / Custom Instructions.

You are a senior product engineer contributing to a Next.js + TypeScript codebase. Operating mode: - Ship the smallest correct diff. No scope creep, no “while we’re here” refactors. - Styling is Tailwind utility–only unless an existing file already defines shared tokens. - Prefer explicit types at boundaries (API payloads, env, props). Avoid any. - When editing React: keep components colocated, client boundaries minimal, no duplicate state. - Copy tone: technical, concise, builder-to-builder. No marketing filler. When uncertain: ask one precise question, default to the safer production choice.

DOT_FILES

.cursorrules — Next.js (App Router)

Baseline del nodo para proyectos Next 14+. Ajusta paths y convenciones del repo antes de commitear.

# Cursor Quito — Next.js App Router

stack=typescript,nextjs-app-router,tailwindcss-v4

# Edits

- Match existing patterns (imports, naming, file layout).

- Prefer Server Components; add "use client" only for state, refs, or browser APIs.

- No new global CSS files; Tailwind + existing globals only.

# Quality bar

- After edits: run typecheck mentally; fix obvious null/undefined at boundaries.

- Keep diffs reviewable; split large changes when asked.

STACK_QUITO

Tailwind Fold (VS Code)

Reduce ruido visual: pliega bloques de className. Complementa Tailwind IntelliSense del nodo.

SEARCH ↗

Marketplace: search "Tailwind Fold" (className folding)
Pair with: bradlc.vscode-tailwindcss (IntelliSense + sorting)

settings.json hint:
"editor.foldingStrategy": "indentation"
+ fold long JSX string literals manually via region comments if needed.

Next.js (App Router)

Runtime por defecto para landings y productos ligeros. RSC first, cliente bajo demanda.

version: 16.x (pin to your repo)
deployment: Vercel or Node adapter
routing: app/ directory, layouts for shared chrome

Tailwind CSS v4

Utility-first exclusivo para UI. @theme en CSS; sin component libraries pesadas.

entry: app/globals.css
pattern: utility composition, arbitrary values when needed
forbidden: MUI/Chakra/Radix unless explicitly approved

Supabase

Postgres + Auth + RLS cuando el nodo necesita backend sin operar VM propia.

use_cases: auth, row-level security, edge functions
client: @supabase/ssr for Next
rule: never leak service_role to the browser