設計

Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, or when accessibility issues are detected. Covers semantic HTML, ARIA, keyboard navigation, and color contrast.

Designs digital experiences for ADHD brains using neuroscience research and UX principles. Expert in reducing cognitive load, time blindness solutions, dopamine-driven engagement, and compassionate design patterns. Activate on 'ADHD design', 'cognitive load', 'accessibility', 'neurodivergent UX', 'time blindness', 'dopamine-driven', 'executive function'. NOT for general accessibility (WCAG only), neurotypical UX design, or simple UI styling without ADHD context.

Professional PlantUML theme collection with 5 curated color schemes optimized for software requirement analysis and enterprise architecture diagrams. Each theme provides comprehensive styling with colors, fonts, and visual identity suitable for different business contexts.

Comprehensive AI development stack orchestrator for analyzing, recommending, and creating Claude Code components. Use when: (1) Planning a new project and need tech stack recommendations, (2) Analyzing existing project requirements to suggest agents/commands/hooks/settings/MCPs/skills, (3) Creating custom Claude Code components of ANY type, (4) Evaluating effectiveness of tech stacks before building, (5) Building installation command sequences from component selections, (6) User says "orchestrate", "tech stack", "what components do I need", "create agent/hook/command/setting/skill/mcp", "analyze this project", or "recommend tools". This skill combines the capabilities of skill-creator and mcp-builder into a unified orchestration layer for the entire Claude Code ecosystem.

Enterprise Master-Clone pattern implementation guide for complex multi-step tasks with full project context, autonomous delegation, parallel processing, and intelligent task distribution; activates for large-scale migrations, complex refactoring, parallel exploration, architecture restructuring, and multi-file transformations

Provide local debugging scripts for Docker including build, run, and environment setup for development workflow.

Automatically run the test suite when code changes are made to ensure all tests pass before proceeding. This skill runs pytest for backend projects and Playwright for frontend projects, and reports test results, coverage, and any failures.

Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, and minimal coupling. Use this skill when creating or editing React components (.tsx, .jsx files), when designing component APIs with props, when implementing component composition patterns, when managing local component state, when building shadcn/ui components, when creating shared UI components in resources/js/Components/, when implementing component documentation, or when refactoring large components into smaller, focused pieces.

This skill should be used when the user asks to "create an OpenCode tool", "build an OpenCode plugin", "write a custom tool for OpenCode", "use @opencode-ai/sdk", "use @opencode-ai/plugin", "integrate with OpenCode", "create OpenCode hooks", "define tool schema", "use tool.schema", "work with OpenCode sessions", or needs guidance on OpenCode SDK patterns, plugin development, or custom tool creation.

Build single-file HTML tools following Simon Willison's patterns - self-contained HTML+JS+CSS applications optimized for LLM generation, no build step, CDN dependencies. Use when creating browser-based tools, utilities, or demos that should be (1) Self-contained in one HTML file, (2) Easy to distribute and host statically, (3) Quick to prototype with LLMs, (4) Client-side only with no server requirements. Ideal for data visualization, API explorers, format converters, debugging tools, and interactive demos.

WHEN: Database schema review, table design, normalization, constraints, index planningWHAT: Normalization analysis + Constraint validation + Index strategy + Data types + Relationship designWHEN NOT: Query optimization → sql-optimizer, ORM code → orm-reviewer

Install and configure the shadcn MCP server for Codex. Use when a user asks to enable shadcn/ui MCP tools, set up the shadcn MCP server in Codex, or troubleshoot shadcn MCP startup.

Use when you have a spec or requirements for a multi-step task, before touching code. Creates detailed implementation plans with bite-sized tasks.

Create comprehensive, production-ready frontend implementation plans for any UI screen or feature. Use this skill when documenting how to build UI components, establishing design systems, planning component architecture, or creating technical specifications for frontend development. Works across frameworks (React, Vue, Angular, Svelte, etc.) and focuses on clear structure, reusable patterns, and maintainability.

Research documentation and evidence synthesis framework for MYCURE healthcare products using HIGH/MEDIUM/LOW confidence grading, triangulation methodology, and rigorous citation standards. Auto-activates for research documentation, evidence grading, healthcare systems analysis, user research synthesis, market analysis, competitive research. Includes Philippine healthcare context (LGU health systems, FHISIS, PhilHealth).

Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design decisions - colors, layout, typography, accessibility,(2) Web implementation - HTML5, CSS, responsive design, (3) .NET desktop - WPF, WinUI 3, MAUI with XAML,(4) .NET web - Blazor Server/WASM/Hybrid components, (5) Python GUI - PyQt, Tkinter, Kivy, Streamlit.Triggers: UI design, color scheme, layout, component styling, accessibility, responsive design,XAML styling, Blazor components, CSS architecture, Python GUI, design system, design tokens.

Builds a two-part VIP Welcome Email Sequence aligned to brand voice and product context. Mirrors proven structure and tone while adapting content to the current campaign.

Complete full-stack development with Astro (Islands Architecture), Tailwind CSS (utility-first styling), and CloudFlare Workers/D1/KV (edge computing and hybrid database). Strategic guidance plus practical implementation patterns for building fast, globally-distributed web applications.

Maslow AI brand tokens - colors, typography, interaction states. Use with any UI framework.

Provides guidance and best practices for writing simple, understandable code that developers can easily maintain