crystian

Interactive skill-map tutorial, a single "book" of parts and chapters that a first-time tester walks end to end. It opens with a live-UI prologue (the tester runs `sm`, opens the browser, and watches the map update as `.md` files are edited), then a menu of further parts (watch your agent light the map up in real time, extend skill-map with plugins/settings/slots, the CLI in depth). The skill is invoked from an empty directory and lays its fixture there directly. State persists in `tutorial-state.json` for pause/resume. Triggers: "tutorial", "sm-tutorial", "tutorial me", "run the tutorial", "ejecuta el tutorial", "test skill-map", "advanced tutorial", "go deeper", "tutorial avanzado".

Validates the portfolio's internal links before publishing. Walks every generated page and reports any link whose target is missing.

Mirrors the portfolio's pages into Notion after publishing, creating one Notion page per site page via the Notion MCP. Use it from /publish, or when the user asks to sync the site to Notion.

Validates the portfolio's internal links before publishing. Walks every generated page and reports any link whose target is missing.

Writes and edits the portfolio's pages. Reads a brief, follows the style guide, and emits the HTML into public/.

Mirrors the portfolio's pages into Notion after publishing, creating one Notion page per site page via the Notion MCP. Use it from /publish, or when the user asks to sync the site to Notion.

Mirrors the portfolio's pages into Notion after publishing, creating one Notion page per site page via the Notion MCP. Use it from $publish, or when the user asks to sync the site to Notion.

Publishes the portfolio: runs the link check, follows the deploy runbook, then mirrors the pages to Notion.

Referencia rapida de NestJS — convenciones especificas del framework: imports ESM con .js, manejo de errores con excepciones built-in, organizacion de modulos (barrels), API/Swagger, TypeORM y eventos. Usar al escribir o revisar codigo NestJS. Para reglas transversales (TypeScript, naming, types vs classes, dependencias) ver `/senior-developer`.

Referencia rapida de Angular moderno — convenciones especificas del framework: APIs deprecadas con sus reemplazos, componentes (OnPush, signals, standalone, input/output funciones), templates con control flow nativo, state management con signals, services (providedIn root, inject()), routing lazy, reactive forms y accesibilidad WCAG AA. Usar al escribir o revisar codigo Angular. Para reglas transversales (TypeScript, naming, types vs classes, dependencias) ver `/senior-developer`.

Automatically applies professional design thinking to any visual output — presentations, dashboards, HTML artifacts, PDFs, spreadsheets, reports. Activates whenever Claude produces visual deliverables, running an internal design refinement process that elevates generic output into polished, hand-crafted work. The user sees only the final result unless they ask to see the design process.

Hace brainstorming y co-crea ideas de feature. Piensa con el usuario para descubrir que quiere construir y por que importa. No es para analisis de viabilidad ni planeo de implementacion — solo descubrimiento creativo y dar forma. Usar cuando el usuario quiere: explorar una idea nueva, pensar un concepto, brainstormear libremente, dar forma a un pensamiento vago. Triggers: "tengo una idea", "se me ocurrio", "quiero hacer algo", "brainstorm", "idea", "what if", "y si hacemos".

Transforma una idea en un plan de implementacion ejecutable. Toma una idea (y opcionalmente un prototipo) y produce un diseno de software con decisiones de arquitectura, data model, endpoints, permisos y criterios de aceptacion. Triggers: "create-plan", "crear plan", "planificar", "plan para", "armar el plan".

Genera prototipos funcionales de UI modificando una app Angular real. Toma una idea y crea pantallas, items de nav e interacciones DONDE realmente vivirian. Mockea los gaps de backend con localStorage (prefijo proto_). Marca todos los cambios con comentarios //TODO PROTO que despues se vuelven la lista de tareas de implementacion. Triggers: "create-prototype", "prototipar", "prototype", "mockup", "prototipo", "quiero ver como se ve".

Mentalidad y convenciones base de un developer senior — calidad de codigo, TypeScript estricto, naming consistente, tipos vs clases, manejo de complejidad y dependencias reproducibles. Reglas transversales que aplican tanto a backend como a frontend, agnosticas de framework. Usar como referencia base antes (o junto con) cualquier skill especifica de stack como `/api-nestjs-quick` o `/app-angular-quick`.

Third-person description of what this skill does, when it should activate, and how to invoke it. Include concrete trigger phrases the agent can match against. Max 1024 characters. Example: "Reviews SQL migrations for destructive operations and suggests safer alternatives. Activates when the user asks to review a migration, or runs `/crystools-skills:your-skill-name`."

Optimizer that refines and professionalizes AI agent skills through real usage — saves tokens, eliminates redundancy, and tightens instructions so skills cost less to run. Learns from mistakes, reviews quality, and improves over time. Observes skill execution in the current conversation, analyzes up to four sources (conversation friction, file diffs, user feedback, static diagnostic) plus accumulated lessons, and proposes concrete improvements to the target skill's SKILL.md. Works with Claude Code and compatible SKILL.md-based agent frameworks. Use after executing any skill: `/skill-optimizer [name]` or `/skill-optimizer` to auto-detect. `--review` processes accumulated lessons.