slashwhy/super-todo

architectural-documentation

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

원문 언어: 영어

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.

원문 언어: 영어

code-documentation

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

원문 언어: 영어

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.

원문 언어: 영어

generate-api-endpoint

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

원문 언어: 영어

generate-component

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

원문 언어: 영어

generate-e2e-test

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

원문 언어: 영어

generate-pinia-store

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

원문 언어: 영어

generate-unit-test

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

원문 언어: 영어

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.

원문 언어: 영어

mentor

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

원문 언어: 영어

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.

원문 언어: 영어

pinia-stores

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

원문 언어: 영어

prisma-database

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

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

styling

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

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

unit-testing

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

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

pinia-stores

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

원문 언어: 영어

styling

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

원문 언어: 영어

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.

원문 언어: 영어

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.

원문 언어: 영어

architectural-documentation

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

원문 언어: 영어

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.

원문 언어: 영어

code-documentation

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

원문 언어: 영어

prisma-database

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

원문 언어: 영어

unit-testing

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

원문 언어: 영어