원클릭으로
your-skill-name
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 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
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 직업 분류 기준
Web 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.
| 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 automation