메뉴
Standards, patterns, and workflows for modern frontend development (React, Next.js, Performance). USE WHEN designing components, optimizing UI, or implementing state management.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Enforce universal coding standards and best practices.
Optimize job applications by tailoring resumes to job postings, generating customized cover letters, and preparing role-specific interview questions. Analyzes job descriptions to highlight relevant skills and experience. Use when users need to apply for jobs, customize resumes, or prepare for interviews.
Resume structure, achievement bullet formulas, ATS optimization, and job-targeted tailoring for software engineers. Use when reviewing resumes, crafting achievement bullets, extracting keywords from job descriptions, or tailoring content for specific roles.
SOC 직업 분류 기준
| name | FrontendDesign |
| description | Standards, patterns, and workflows for modern frontend development (React, Next.js, Performance). USE WHEN designing components, optimizing UI, or implementing state management. |
Invoke when: designing React components, optimizing frontend performance, implementing state management, handling forms, or ensuring accessibility.
Before executing, check for user customizations at:
~/.claude/skills/CORE/USER/SKILLCUSTOMIZATIONS/FrontendDesign/
When executing a workflow, do BOTH:
Send voice notification:
curl -s -X POST http://localhost:8888/notify \
-H "Content-Type: application/json" \
-d '{"message": "Running the WORKFLOWNAME workflow from the FrontendDesign skill"}' \
> /dev/null 2>&1 &
Output text notification:
Running the **WorkflowName** workflow from the **FrontendDesign** skill...
Full documentation: ~/.claude/skills/CORE/SkillNotifications.md
Scaffolds a new React component following the "Composition Over Inheritance" pattern.
Analyzes a code snippet and suggests memoization or virtualization strategies based on Context-FrontendPatterns.md.
Context-FrontendPatterns.md during reviews to enforce standards.