前端開發

Expert frontend development with React, Vue, Next.js, state management, and modern UI/UX patterns

When working with JSON data in LLM prompts (especially large arrays or tabular data), consider the token-efficient TOON (Token-Oriented Object Notation) format which reduces tokens by 30-70% while maintaining lossless JSON representation and structural validation. Use for reading/writing .toon files, converting JSON↔TOON, or optimizing structured data for LLM consumption with guardrails like [N] counts and {field} headers.

Business analysis methodologies, requirements engineering, RACI matrices, user stories for Pulse Radar.

Production deployment guidance for Quart applications including Docker, Hypercorn configuration, environment management, monitoring, and performance tuning. Activates when deploying or optimizing for production.

This skill provides guidance for using the gh-pr-review GitHub CLI extension to view and manage inline PR review comments from the terminal. Use this skill when working with pull request reviews, viewing inline code review threads, replying to comments, starting/submitting reviews, resolving threads, or when needing structured JSON output for PR review workflows. Triggers on requests like "show PR review comments", "reply to this thread", "start a review", "resolve threads", "view unresolved comments", or any PR code review task.

Design and conduct user research to understand needs, behaviors, and experiences. Use when user wants "journey mapping", "user interviews", "survey design", "usability testing", "user research", "customer discovery", "card sorting", "information architecture", "accessibility audit", "design critique", "prototype testing", "requirements gathering", "discovery phase", "validation phase", "research planning", or needs to understand users deeply.

Write efficient, secure database queries using ORMs or raw SQL, preventing N+1 problems, SQL injection, and performance issues. Use this skill when writing database queries, implementing data access layers, creating repository patterns, or optimizing query performance in service files, query builders, or data access objects. Apply this skill when using parameterized queries, implementing eager loading to avoid N+1 queries, selecting only needed columns, adding WHERE/JOIN/ORDER BY clauses, or working with query optimization, indexes, and database performance tuning. This skill ensures queries use proper SQL injection prevention, implement transactions for data consistency, cache expensive queries appropriately, and follow best practices for query timeouts, connection pooling, and database resource management.

Expert guidance for writing high-quality pytest tests. Use when writing tests, setting up fixtures, parametrizing, mocking, or reviewing test code.

Use this skill when applying home-manager or darwin configurations that require long-running builds. Automatically runs builds in background, monitors progress with appropriate polling intervals, and reports status updates without overwhelming the user. Triggered by "apply changes", "rebuild", "make home", or "switch configuration".

Guide for creating and managing Claude Code marketplaces. Use when creating a new marketplace, updating marketplace configuration, adding plugins to a marketplace, or validating marketplace.json files.

Use when writing React frontend code. Layers on TOP of your base guideline. Covers UI toolkit, animation, data fetching, state management, routing.

Educational Lab UI Design System - A polished, approachable design aesthetic for educational and learning applications. Combines scientific precision with warmth and accessibility for student-facing interfaces (ages 13+).

Provides guidance and resources for deploying applications to various cloud platforms like Vercel, Railway, Render, and Fly.io. Use this skill when a user asks to deploy an application, set up a cloud environment, or needs help with cloud configuration, CI/CD, custom domains, and rollbacks for these platforms.

Tailwind CSS v4 patterns, component styling, and responsive design

Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges

Axum + Askama + HTMX stack for single-binary web apps.Use when: building server-rendered UI, lightweight frontends, single deployable binary.Triggers: "htmx", "askama", "templates", "server-rendered", "single binary frontend".

Expert in spatial audio, procedural sound design, game audio middleware, and app UX sound design. Specializes in HRTF/Ambisonics, Wwise/FMOD integration, UI sound design, and adaptive music systems. Activate on 'spatial audio', 'HRTF', 'binaural', 'Wwise', 'FMOD', 'procedural sound', 'footstep system', 'adaptive music', 'UI sounds', 'notification audio', 'sonic branding'. NOT for music composition/production (use DAW), audio post-production for film (linear media), voice cloning/TTS (use voice-audio-engineer), podcast editing (use standard audio editors), or hardware design.

This skill should be used when the user asks about "spec methodology", "specification workflow", "spec-driven development", "how to write specs", "spec best practices", "specification templates", or needs guidance on creating, validating, decomposing, or executing specifications for software development.

This skill guides the process of creating new Claude Code skills, covering skill anatomy, frontmatter format, naming conventions, organization patterns, and when to use personal vs company-specific skills. Use this skill when you want to create a new skill or understand skill structure.

Collaborates with OpenAI Codex as an external AI agent for second opinions on complex decisions. Provides guidelines for brainstorming, plan validation, and code review workflows. Use when making architectural decisions, validating implementation plans, reviewing code after significant changes, or consulting codex, codex-reply, or codex-review MCP tools.