前端開發

Use when you have a spec or requirements for a multi-step task, before touching code

Clerk modern authentication specialist covering WebAuthn, passkeys, passwordless, and beautiful UI components. Use when implementing modern auth with great UX.

Claude Code plugin creation guide. Use when creating new plugins, adding commands/skills/hooks/MCP servers to plugins, or setting up marketplace distribution. Triggers on "create plugin", "add command", "add skill", "add hook", "plugin structure".

Expert UX evaluation and usability guidance for Carbon ACX interfaces using heuristic evaluation, cognitive walkthroughs, user journey mapping, and flow analysis.

Apply the complete CURV Tools design system to all visual outputs - dashboards, reports, HTML artifacts, and data visualizations. Includes exact colors from production tools (rgb(3, 12, 27) dark background, rgb(157, 78, 221) purple accent), glassmorphic effects, gradient borders, header/footer templates, and animation patterns used in GL Decoder and SQPR Analyser.

Background jobs with PgBoss for Wasp applications. Use when implementing async tasks, scheduled jobs, email queues, or background processing. Requires PostgreSQL database.

Defines target browser versions for CSS autoprefixing and JavaScript transpilation. Generates .browserslistrc configuration file.

Complete guide for Google Gemini API using the CORRECT current SDK (@google/genai v1.27+, NOT thedeprecated @google/generative-ai). Covers text generation, multimodal inputs (text + images + video +audio + PDFs), function calling, thinking mode, streaming, and system instructions with accurate 2025model information (Gemini 2.5 Pro/Flash/Flash-Lite with 1M input tokens, NOT 2M).Use when: integrating Gemini API, implementing multimodal AI applications, using thinking mode forcomplex reasoning, function calling with parallel execution, streaming responses, deploying toCloudflare Workers, building chat applications, or encountering SDK deprecation warnings, context windowerrors, model not found errors, function calling failures, or multimodal format errors.Keywords: gemini api, @google/genai, gemini-2.5-pro, gemini-2.5-flash, gemini-2.5-flash-lite,multimodal gemini, thinking mode, google ai, genai sdk, function calling gemini, streaming gemini,gemini vision, gemini video, gemini audio, gemini pdf, sys

Setup an autonomous software development cycle, inspired by Anthropic's "Effective harnesses for long-running agents" blog (https://www.anthropic.com/engineering/effective-harnesses-for-long-running-agents). Adapted to fit our tech-stack (TypeScript, NextJS, InstantDB, Trigger.dev, tRPC) and style (kebab-case file-naming).

Next.js App Router における Server Actions と Route Handlers の使い分け、セキュリティ、および実装規約。

Expert guidance for Gitea self-hosted Git service including installation, configuration, repositories, webhooks, API usage, Docker deployment, and integration with CI/CD. Use this when working with Gitea Git hosting.

Saves complete session state to STATUS.json for seamless continuation across conversations. Captures git context, in-progress tasks, service status, focus area, and next actions. Use at the end of work sessions, before context limits, or when switching to a different task. Do NOT use mid-task or for quick questions - the overhead is only worthwhile when you actually need to resume later.

Automatically generate comprehensive QA test plans when user mentions testing requirements, QA needs, or asks what should be tested. Analyzes code changes and features to create structured test scenarios. Invoke when user mentions "test plan", "QA", "what to test", "testing requirements", or "test scenarios".

Guide to Zod v4 new features including top-level string formats, string transformations, codecs, and stringbool

Building and deploying React web applications. Use when configuring builds, deploying to Vercel/Netlify, setting up CI/CD, Docker, or managing environments.

Comprehensive guide to common Quart async patterns including app factory, blueprints, async sessions, background tasks, error handling, and WebSocket patterns. Activates when implementing Quart features or refactoring code.

Implements GitHub issues that have approved implementation plans. Use when you need to implement an issue, create a branch, write code, and submit a PR. Requires a clear implementation plan in the issue comments.

CSS performance analysis covering bundle size, selector complexity, render-blocking resources, critical CSS, and optimization strategies. Use when CSS performance is slow or bundle size is too large.

Implement the repository pattern for database abstraction with sqlx, transactions, and retry logic. Use when building data access layers.

Detect when user is working in an un-indexed project and proactively suggest enabling semantic memory. Activates on first code question in new projects to guide users through initial setup.