前端開發

Static security analysis of HTML forms without sending any requests. Checks for CSRF tokens, insecure actions, missing validation, hidden field issues, and common security misconfigurations. Safe to run - no payloads sent. Use when user asks to "analyze form security", "check form for vulnerabilities", "static security check".

Expert Next.js development assistant with 10+ years experience. Automatically audits, generates, and fixes Next.js applications using latest versions (Next.js 14+, React 19+, Tailwind CSS 3+). Use when working with Next.js projects for code generation, security audits, performance optimization, component creation, authentication implementation, or comprehensive project analysis. Handles Server/Client components, API routes, middleware, and ensures production-ready, secure code.

Guide for implementing Specification-Driven Development in any project using GitHub's spec-kit. Use when users want to start spec-driven development, need to initialize spec-kit in a project, or want guidance on the spec-kit workflow (constitution, specify, clarify, plan, tasks, implement). Covers installation, initialization, and step-by-step prompts for each phase.

CSS styling standards and best practices for responsive, accessible, and maintainable web interfaces with special considerations for multilingual content and Chuukese text display. Use when creating or modifying stylesheets and CSS components.

Implements authentication with Auth.js/NextAuth.js v5 including OAuth providers, credentials, sessions, and route protection. Use when adding authentication to Next.js, configuring OAuth providers, or protecting routes.

Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design systems. Activate for UI libraries, component development, or design system creation.

Evidence-based diagnostic and treatment guidance for Feline Infectious Peritonitis (FIP). Use this skill when working with veterinary cases involving FIP or potential FIP, including (1) Differential diagnosis when clinical signs suggest FIP, (2) Interpreting diagnostic test results and determining next steps, (3) Treatment planning with GS-441524 or other antivirals, (4) Monitoring treatment response and adjusting protocols, (5) Managing relapses or treatment failures, (6) Client communication about prognosis and treatment options, (7) Prevention strategies and multi-cat household management, (8) Cattery breeding decisions after FIP cases, (9) Any questions about FIP diagnosis, treatment, prevention, or management. Also use when encountering mentions of FCoV, feline coronavirus, effusive/non-effusive disease forms, GS-441524, or related veterinary scenarios.

Create GitHub gists quickly from files, code snippets, or text content. Use when the user wants to share code via GitHub gists or export content to gist format.

Vite lightning-fast build tool with instant HMR, ESM-first architecture, and zero-config setup for modern web development

Apply when writing styles. Ensures consistency with design system and project patterns.

Context and reference for building UI with shadcn-vue components. Load when adding, modifying, or debugging UI components.

Create new themes for PropertyWebBuilder. Use when creating custom themes, styling websites, or modifying theme templates. Handles theme registration, view templates, CSS, and asset configuration.

Follow consistent project structure, version control practices, environment configuration, code review processes, and development conventions across the entire application. Use this skill when organizing project files and directories, when writing commit messages or creating pull requests, when managing environment variables and configuration, when participating in code reviews, when defining testing requirements, when using feature flags, when maintaining changelogs, when documenting setup instructions, or when establishing consistent development practices across the team.

技術設計書（design.md）を作成・編集します。アーキテクチャ設計、コンポーネント定義、API設計、データベーススキーマの文書化が必要な場合に使用してください。requirements.mdが存在する場合は整合性を確認します。

Generate forms using base-joy Connected components and react-hook-form. Use when creating a form, adding form fields, connecting inputs to react-hook-form, implementing validation, or building data entry interfaces.

Analyze performance-related HTML issues on web pages. Use when users ask to check page performance, audit resource loading, verify lazy loading, check preload hints, or analyze render-blocking resources. Detects missing optimizations, large resources, render-blocking issues, and Core Web Vitals problems.

Comprehensive PR review for oc (OpenShift CLI). Runs build, tests, and linting, then applies Go style improvements and provides detailed code review feedback.

Manage GitHub Wiki, issues, and repository operations with memory-bank integration, business model validation, and SSH authentication. Automatically loads business context, applies documented lessons learned, and prevents common errors through validation automation.

Creates, customizes, and troubleshoots Quarto Reveal.js presentations with proper SCSS theming, layout patterns, and extensions. Use when authoring .qmd slides or styling with SCSS.

Use when creating UI components in React - functional components, hooks, custom hooks, or component composition patterns.NOT when backend logic, API routes, or non-React frameworks are involved.Triggers: "create component", "build widget", "KPI card", "form", "modal", "custom hook", "useContext", "useState", "useEffect".