slashwhy/super-todo

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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.

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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.

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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.

slashwhy/super-todo

Skill Claude CodeCodex

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.

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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.

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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

slashwhy/super-todo

Skill Claude CodeCodex

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