원클릭으로
frontend
Category glossary for frontend. Contains 5 skills: `accessibility`, `fix-frontend-type-errors`, `typescript-contract-...
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Category glossary for frontend. Contains 5 skills: `accessibility`, `fix-frontend-type-errors`, `typescript-contract-...
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
External API evaluation and MCP server wrapper generation. Load when integrating a REST/GraphQL API as a workspace tool
Capability-based provider system patterns. Load when creating providers or wiring module-provider integration
Full-stack WebSocket subscription development. Load when adding WS routes, topic services, or debugging WS data flows
Systematic Python type error resolution (mypy/pyright). Load when fixing backend type check failures
Type-first Python with Pydantic, Protocol, and discriminated unions. Load when writing models or enforcing typing
Systematic type error resolution for Python (mypy/pyright) and TypeScript (vue-tsc). Use when fixing type errors, resolving type check failures, or optimizing type imports.
| name | frontend |
| description | Category glossary for frontend. Contains 5 skills: `accessibility`, `fix-frontend-type-errors`, `typescript-contract-... |
Load any skill below: Read .claude/skill-bank/{skill-name}/SKILL.md
| Skill | Description |
|---|---|
accessibility | WCAG 2.1 AA patterns for inclusive UI. Load when building components needing a11y, ARIA, or keyboard nav |
fix-frontend-type-errors | Systematic TypeScript/Vue type error resolution (vue-tsc/ESLint). Load when fixing frontend type check failures |
typescript-contract-types | Contract-first TypeScript types for generated clients and mapper isolation. Load when writing mappers or API types |
ux-design | UX design thinking for friction reduction and cognitive load. Load when building interactive UI or auditing user flows |
vue-frontend | Vue 3 Composition API + TypeScript patterns. Load when building components, composables, Pinia state, or reviewing Vue |
| Keyword | Skills |
|---|---|
| accessibility | accessibility |
| aria | accessibility |
| cognitive-load | ux-design |
| color-contrast | accessibility |
| components | vue-frontend |
| composition-api | vue-frontend |
| contract-first | typescript-contract-types |
| eslint | fix-frontend-type-errors |
| feedback | ux-design |
| flow | ux-design |
| friction | ux-design |
| generated-clients | typescript-contract-types |
| imports | typescript-contract-types |
| keyboard-navigation | accessibility |
| layouts | ux-design |
| mappers | typescript-contract-types |
| pinia | vue-frontend |
| type-errors | fix-frontend-type-errors |
| type-guards | typescript-contract-types |
| types | typescript-contract-types |
| typescript | fix-frontend-type-errors, typescript-contract-types, vue-frontend |
| ux | ux-design |
| vue | fix-frontend-type-errors, vue-frontend |
| vue-tsc | fix-frontend-type-errors |
| wcag | accessibility |