fec-accessibility-chec…
Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels,…
Use when selecting or composing behavior-preserving refactoring techniques after structural evidence is known, especially when multiple candidate transformations, preconditions, or ordering choices must be compared.
Claude Code
$ npx -y skills add bovinphang/frontend-craft --skill fec-refactoring-catalog --agent claude-code
Codex
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a codex -y
Cursor
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a cursor -y
Gemini CLI
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a gemini-cli -y
GitHub Copilot
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a github-copilot -y
OpenCode
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a opencode -y
Windsurf
$ npx skills add bovinphang/frontend-craft --skill fec-refactoring-catalog -a windsurf -y
name: fec-refactoring-catalog description: Use when selecting or composing behavior-preserving refactoring techniques after structural evidence is known, especially when multiple candidate transformations, preconditions, or ordering choices must be compared.
Use the complete catalog as a decision aid, not as a list of automatic recipes. Select the smallest technique whose preconditions fit the evidence and behavior contract.
1. Locate the standard technique in [the catalog index](references/catalog-index.md). 2. If starting from a smell or symptom, use [the selection guide](references/selection-guide.md) to compare causes and alternatives. 3. If several transformations are needed, use [the composition guide](references/composition-guide.md) to order only the prerequisites that fit the current code. 4. Load the referenced family detail only when the technique is selected.
| Need | Reference | | --- | --- | | All 61 techniques | [Catalog index](references/catalog-index.md) | | Choose by symptom/cause | [Selection guide](references/selection-guide.md) | | Order related techniques | [Composition guide](references/composition-guide.md) |
frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.
Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels,…
Use when absorbing ideas, capabilities, workflows, architecture, quality systems, ecosystem extensions, or engineering practices…
Use when designing, implementing, or reviewing frontend-to-backend API integration, typed API clients, REST/tRPC/OpenAPI client…
Use when frontend work needs to communicate data, action, state, permission, validation, or business-rule needs to backend teams…
Use when choosing, implementing, or reviewing browser storage such as localStorage, sessionStorage, IndexedDB, cookies, client…
Use when building or reviewing Canvas 2D, Three.js/WebGL, React Three Fiber, GLSL shaders, ShaderToy-to-WebGL adaptation, 2D/3D…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.