メニュー
Describe what this skill does and when an agent should use it. Include likely user wording, task type, and activation cues.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | your-skill-name |
| description | Describe what this skill does and when an agent should use it. Include likely user wording, task type, and activation cues. |
| license | MIT |
| metadata | {"author":"your-name","version":"0.1.0"} |
State the job this skill helps an agent perform.
Explain how the agent should establish context before acting.
Describe the default workflow in ordered, concrete terms.
Explain how the agent should check that the task is complete.
Describe the expected final result, format, or artifacts.
references/REFERENCE.md for deeper guidancescripts/example.sh if this skill includes automationWeb interface quality guidelines for building, reviewing, and improving browser-based user interfaces. Use when working on frontend UX, accessibility, interactions, forms, animation, layout, content, performance, responsive behavior, or visual polish for web apps and sites.
Mandatory TypeScript strict mode and type-safety guidelines. Use whenever writing new TypeScript, improving existing TypeScript, reviewing TypeScript, refactoring TypeScript, deciding between schemas and plain TypeScript definitions, choosing type vs interface, modeling domain values, configuring tsconfig, or checking TypeScript code for unsafe patterns.
React performance optimization guidelines for writing, reviewing, and refactoring frontend code. Use this skill when working on React components, rendering behavior, data fetching, bundle optimization, or general performance improvements.