Design

Use when: making a mistake, breaking build/tests, realizing wrong approach, misunderstanding requirements, using wrong patterns, forgetting conventions, receiving correction from user, unexpected behavior, or any error situation

Create and manage production Grafana dashboards for real-time visualization of system and application metrics. Use when building monitoring dashboards, visualizing metrics, or creating operational observability interfaces.

Quick persona switching. Triggers: 'switch persona', 'switch to X', 'become X'. Lists personas, reads selected file, switches immediately.

End-to-end software development workflow agent using memex-cli with multiple AI backends. Orchestrates 5 stages: (1) Requirements Analysis (Claude), (2) Functional Design (Claude), (3) UX Design (Gemini), (4) Development Planning (Codex), (5) Implementation & QA (Codex). Use for complete project development from idea to deployment.

Manages Vue state with Pinia including stores, getters, actions, and plugins. Use when building Vue applications needing centralized state, sharing state between components, or replacing Vuex.

Modern frontend frameworks including React, Vue, Angular, and Next.js. Master component-based architecture, state management, and full-stack development. Use when building interactive web applications or learning modern frontend technologies.

Validate backend development environment and authentication status. Use when (1) new backend developer onboarding, (2) checking required tools (gh CLI, Git, Node, pnpm, Supabase), (3) verifying GitHub auth and repo access, (4) orchestrator auto-runs at work start.

Complete diagnostic procedures for resolving Wasp development issues. Use when encountering errors, debugging problems, or when things aren't working. Includes systematic procedures for import errors, auth issues, database problems, and type errors.

Quick reference guide for developing with hua-ux framework

This skill should be used when orchestrating tmux sessions for multi-component development workflows. Use when creating complex multi-window, multi-pane tmux layouts via the Bash tool, especially for projects requiring simultaneous backend/frontend development, microservices, or parallel task execution. This skill provides patterns for session creation, pane management, and command orchestration using the user's custom tmux configuration.

Node.js backend development with TypeScript, Express/Fastify servers, routing, middleware, and database integration. Use when building REST APIs with TypeScript, creating Express/Fastify servers, or implementing microservices architectures.

Comprehensive purple team security assessment skill that analyzes codebases like a skilled penetration tester, identifies attack vectors, and provides remediation guidance. Use this skill when: (1) Performing security audits or code reviews, (2) Identifying vulnerabilities before deployment, (3) Running purple team exercises (offensive analysis + defensive remediation), (4) Checking for OWASP Top 10 vulnerabilities, (5) Scanning for hardcoded secrets, API keys, or credentials, (6) Analyzing authentication/authorization flaws, (7) Reviewing cryptographic implementations, (8) Auditing infrastructure-as-code (Terraform, K8s, Docker), (9) Generating security reports in Markdown, HTML, or JSON format. Triggers: "security audit", "purple team", "penetration test", "find vulnerabilities", "security review", "attack vectors", "remediate vulnerabilities", "OWASP", "security scan".

Weekly meal prep and shopping assistant that selects 3 recipes with varied proteins, generates categorized shopping lists, and creates meal prep plans distinguishing Sunday prep from weeknight cooking. Use when planning weekly meals or creating shopping lists.

Guidance for configuring MCP servers in Claude Code projects. Covers transport selection, scopes, authentication, and security patterns. Use whenever adding MCP servers - projects, plugins, or any context.

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work - guides completion of development work by presenting structured options for merge, PR, or cleanup. Presents exactly 4 options: merge locally, create PR, keep as-is, or discard. Do NOT use when tests are failing or work is incomplete - fix issues first before finishing the branch.

Generate the full production Dockerfile for the backend with multi-stage build, proper dependencies, and Hugging Face Spaces compatibility.

React 18+ development with hooks, state management, component patterns, and Next.js integration. Use when building React applications or working with JSX/TSX components.

Audits code against CI/CD style rules, quality guidelines, and best practices, then rewrites code to meet standards without breaking functionality. Use this skill after functionality validation to ensure code is not just correct but also maintainable, readable, and production-ready. The skill applies linting rules, enforces naming conventions, improves code organization, and refactors for clarity while preserving all behavioral correctness verified by functionality audits.

GitLab CI/CD pipeline patterns including testing stages, Docker builds, caching strategies, secrets management, deployment patterns (blue-green, canary, rolling), and rollback procedures. Use when creating .gitlab-ci.yml, optimizing CI performance, setting up deployment pipelines, or troubleshooting CI failures.

Frontend development standards for Ellie's projects. Use when building frontend interfaces, components, pages, or applications. Enforces tech stack preferences (Leptos > HTMX/SolidJS > React, modern vanilla CSS, no Tailwind) and accessibility-first development. Always apply these standards unless they conflict with an existing project's established patterns.