slashwhy/super-todo

architectural-documentation

Implementation plans, README updates, and architectural decisions. Use when planning features or documenting high-level changes.

Idioma del texto original: inglés

backend-routes

Express route handlers with Prisma ORM, async error handling, and security patterns. Use when creating API endpoints, handling requests, or implementing CRUD operations.

Idioma del texto original: inglés

code-documentation

TSDoc and inline comment patterns. Use when documenting exported functions, Vue components, or complex logic that needs explanation.

Idioma del texto original: inglés

e2e-testing

Playwright E2E testing with Page Objects, API mocking, and Chrome DevTools. Use when writing end-to-end tests, testing user flows, or debugging UI behavior.

Idioma del texto original: inglés

generate-api-endpoint

Generate an Express route handler with Prisma queries, explicit field whitelisting, try/catch error handling, and proper HTTP status codes.

Idioma del texto original: inglés

generate-component

Generate a Vue 3 component with script setup, TypeScript props/emits, scoped styles using CSS variables, and data-testid attributes.

Idioma del texto original: inglés

generate-e2e-test

Generate a Playwright E2E test file with Page Object pattern for a specific user flow.

Idioma del texto original: inglés

generate-pinia-store

Generate a Pinia store using Setup Store syntax with TypeScript, async actions, error/loading state, and a $reset() method.

Idioma del texto original: inglés

generate-unit-test

Generate a Vitest unit test file for a specific Vue component or Express route with mocking, fixtures, and edge cases.

Idioma del texto original: inglés

implement

Implement a feature step by step from PLAN.md (created by /specify or Plan mode). Confirms before each major step. Follows project conventions from AGENTS.md and layer-specific CLAUDE.md files.

Idioma del texto original: inglés

mentor

Socratic mentoring — learn through guided questions rather than direct answers. Builds deep understanding of concepts, patterns, and design decisions in this codebase.

Idioma del texto original: inglés

onboard

Project orientation guide. Walk through the codebase architecture, conventions, agent/skill system, and get oriented as a new contributor. Adapts to your experience level.

Idioma del texto original: inglés

pinia-stores

Pinia store patterns using Setup Store syntax with TypeScript. Use when creating stores, managing global state, or implementing actions and getters.

Idioma del texto original: inglés

prisma-database

Prisma schema conventions, migrations, seeding, and query patterns. Use when modifying database schema, creating migrations, or writing complex queries.

Idioma del texto original: inglés

security-review

Perform a read-only security review of specified files or a feature. Reports findings by severity (CRITICAL/HIGH/MEDIUM/LOW) using OWASP Top 10 adapted for this Vue 3 + Express + Prisma stack.

Idioma del texto original: inglés

specify

Create a detailed implementation plan from a feature description, Jira ticket ID, or Figma design. Resolves all open questions before handing off to /implement. Saves the plan to PLAN.md.

Idioma del texto original: inglés

styling

CSS variables, BEM naming, spacing scale, and responsive patterns. Use when styling components, applying design tokens, or implementing responsive layouts.

Idioma del texto original: inglés

test-e2e

Write Playwright end-to-end tests using the Page Object pattern. Maps user flows to acceptance criteria. Uses data-testid selectors and waits for network idle.

Idioma del texto original: inglés

test-unit

Write Vitest unit tests for a Vue component or Express route. Covers happy paths, error cases, and edge cases using project testing patterns.

Idioma del texto original: inglés

unit-testing

Vitest testing patterns for Vue components and Express routes. Use when writing unit tests, integration tests, mocking dependencies, or testing async code.

Idioma del texto original: inglés

vue-components

Vue 3 component patterns with Composition API, TypeScript, and project conventions. Use when creating Vue components, handling props, emits, slots, or component lifecycle.

Idioma del texto original: inglés

vue-composables

Vue 3 composable patterns with reactive state, lifecycle hooks, and cleanup. Use when creating reusable logic, managing shared state, or implementing custom hooks.

Idioma del texto original: inglés

security-review

Security review checklist for API endpoints, data handling, and frontend vulnerabilities. Use when performing security audits, reviewing PRs for security issues, or validating implementations against OWASP guidelines.

Idioma del texto original: inglés

e2e-testing

Playwright E2E testing with Page Objects, API mocking, and Chrome DevTools. Use when writing end-to-end tests, testing user flows, or debugging UI behavior.

Idioma del texto original: inglés

pinia-stores

Pinia store patterns using Setup Store syntax with TypeScript. Use when creating stores, managing global state, or implementing actions and getters.

Idioma del texto original: inglés

styling

CSS variables, BEM naming, spacing scale, and responsive patterns. Use when styling components, applying design tokens, or implementing responsive layouts.

Idioma del texto original: inglés

vue-components

Vue 3 component patterns with Composition API, TypeScript, and project conventions. Use when creating Vue components, handling props, emits, slots, or component lifecycle.

Idioma del texto original: inglés

vue-composables

Vue 3 composable patterns with reactive state, lifecycle hooks, and cleanup. Use when creating reusable logic, managing shared state, or implementing custom hooks.

Idioma del texto original: inglés

architectural-documentation

Implementation plans, README updates, and architectural decisions. Use when planning features or documenting high-level changes.

Idioma del texto original: inglés

backend-routes

Express route handlers with Prisma ORM, async error handling, and security patterns. Use when creating API endpoints, handling requests, or implementing CRUD operations.

Idioma del texto original: inglés

code-documentation

TSDoc and inline comment patterns. Use when documenting exported functions, Vue components, or complex logic that needs explanation.

Idioma del texto original: inglés

prisma-database

Prisma schema conventions, migrations, seeding, and query patterns. Use when modifying database schema, creating migrations, or writing complex queries.

Idioma del texto original: inglés

unit-testing

Vitest testing patterns for Vue components and Express routes. Use when writing unit tests, integration tests, mocking dependencies, or testing async code.

Idioma del texto original: inglés