[Frontend] Use when designing beautiful or aesthetic interfaces with curated UI styles, palettes, fonts, charts, and stacks.
日本語の概要は準備中です。原文の説明を表示しています。
2,970 件 ・ 関連度順
概要と使いどころ
[Frontend] Use when designing beautiful or aesthetic interfaces with curated UI styles, palettes, fonts, charts, and stacks.
日本語の概要は準備中です。原文の説明を表示しています。
[Planning] Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.
日本語の概要は準備中です。原文の説明を表示しています。
[Workflow] Use when activating the Architecture Audit workflow to review the whole project's architecture, run an architecture health check, or check production readiness/scalability in one pass — read-only, produces one consolidated Architecture Health Report.
日本語の概要は準備中です。原文の説明を表示しています。
[Skill Management] Use when creating a new Claude Code skill, adding reference files or scripts to an existing skill, scanning/fixing invalid skill headers, or optimizing/packaging skills. Triggers on: create skill, new skill, add skill reference, add skill script, fix skill, validate skill, package skill.
日本語の概要は準備中です。原文の説明を表示しています。
[Utilities] Use when you need to review recent changes and wrap up the work.
日本語の概要は準備中です。原文の説明を表示しています。
[Documentation] Use to author, audit, amend, or test-spec a business Feature Spec. The single spec skill — modes draft|init|update|audit|amend create/maintain the tech-free 8-section Feature Spec; draft authors a provisional spec from an idea/requirement (no code yet, Evidence: TBD); tests generates Section 8 TC-{FEATURE}-{NNN} test specifications; sync reconciles §8 TCs ↔ executing test code. Per-mode procedure lives in references/{author,tests,sync}.md.
日本語の概要は準備中です。原文の説明を表示しています。
[Testing] Use when you need full-site QA audit (accessibility, performance, security, SEO) with visual reports.
日本語の概要は準備中です。原文の説明を表示しています。
[Code Quality] Use when reviewing UI code for accessibility, responsiveness, performance, and UX best practices.
日本語の概要は準備中です。原文の説明を表示しています。
[Documentation] Use when (re)generating the DERIVED technical spec view over code + tests, or reporting canonical §8 TC/test-code drift. A GENERATOR — it projects code + tests into a regenerable per-component view and NEVER authors business content. Modes generate|audit|sync. Per-mode procedure lives in references/{author,sync}.md.
日本語の概要は準備中です。原文の説明を表示しています。
[Project Management] Use when creating user stories from PBIs, slicing features, or breaking down requirements.
日本語の概要は準備中です。原文の説明を表示しています。
[Skill Management] Use when starting a detected workflow, initializing workflow state, or activating a workflow sequence.
日本語の概要は準備中です。原文の説明を表示しています。
[General] Use when building 3D web apps with ThreeJS and related WebGL or WebGPU examples.
日本語の概要は準備中です。原文の説明を表示しています。
[Architecture] Use when you need to research, analyze, and compare tech stack options as a solution architect.
日本語の概要は準備中です。原文の説明を表示しています。
[Testing] Use when you need individual page/component testing with Python Playwright scripts.
日本語の概要は準備中です。原文の説明を表示しています。
[Workflow] Use when activating the Bug Fix workflow for systematic debugging with root cause investigation, fix, and verification.
日本語の概要は準備中です。原文の説明を表示しています。
[Code Quality] Use when you need to combine /why-review + /fix in a recursive loop — each round runs /why-review to find validated findings then /fix to resolve them, then loops again over the CHANGED target until a fresh full /why-review produces zero findings (nothing left to fix).
日本語の概要は準備中です。原文の説明を表示しています。
[Code Quality] Use when reviewing rationale and change quality for plans, PBIs, commits, diffs, docs, specs, reports, or explicit artifacts.
日本語の概要は準備中です。原文の説明を表示しています。
[Process] Use when the developer wants something explained or taught, or wants to know HOW TO REVIEW a change — by default the current working tasks + changes in context, or whatever the prompt names (a plan, a subsystem, a decision, a concept, a bug). AI derives WHAT to explain from the prompt and ALWAYS delivers a teacher-and-coach review guide, high level first then detail: what was done, a VISUAL MAP (system flowchart, domain ERD, sequence diagrams), the user stories and business rules with their REAL test-case IDs, a REVIEW PATH naming which files to open first and in what order with an exit criterion per stage, the technical concepts needed to follow it, how it works, why THIS solution, every alternative option with pros/cons, the trade-offs accepted, the blast radius, HOW TO TEST AND DEMO the change, the developer's decision levers, and written challenge prompts that provoke the reader to pressure-test the work. Works at ANY scope — from one line of code to the whole project: it SIZES the target into a scope tier, DECOMPOSES a large one into understanding groups, BREAKS the work into tasks before the first deep read, and ACCUMULATES the report group by group on disk so a huge explanation stays complete instead of thinning out. Writes the full report to a single combined markdown file (plans/reports/understand-*.md) that opens with a detailed summary section — or delivers it in full in chat when Step 3 finds no git-ignored directory for it — and always summarizes it in chat. Regardless of coding level. Never interrogates, never quizzes, never blocks.
日本語の概要は準備中です。原文の説明を表示しています。
[Code Quality] Use when reviewing UI/frontend changes for long-content overflow, responsive multi-screen layout (flex-wrap / row-to-column on small devices), flex-vs-fixed sizing, z-index discipline, SCSS/BEM styling quality, and async UI states & feedback (loading indicator, error surface, empty state).
日本語の概要は準備中です。原文の説明を表示しています。
[Project Management] Use when you need to enforce quality gates, verify compliance with standards, track quality metrics, and generate audit trails.
日本語の概要は準備中です。原文の説明を表示しています。
[User-Invoked] Use when you need create, update, or preview Remotion videos.
日本語の概要は準備中です。原文の説明を表示しています。
[Investigation] Use when quickly locating relevant files and affected areas across a large codebase.
日本語の概要は準備中です。原文の説明を表示しています。
[Project Management] Use when converting ideas to PBIs, validating problem hypotheses, adding acceptance criteria, or refining requirements.
日本語の概要は準備中です。原文の説明を表示しています。
[Git] Use when creating release notes from git history.
日本語の概要は準備中です。原文の説明を表示しています。