Command
Unified front-end planning entrance - implementation/architecture plan or testing strategy. The implementation path is taken by default; when the user clearly wants test plan, coverage matrix, test layering, risk-to-test, etc., the complete test strategy is output.
Command
Identify and clean up front-end dead code, unused exports, outdated components, styles and dependencies under validation protection.
Command
Conduct a standardized review of the specified file or recently changed front-end code, output a graded review report and save it as a Markdown file.
Command
Create a standard directory structure and template files for pages, features, or components according to project specifications. Usage: /fec-scaffold , such as /fec-scaffold page UserDetail.
Command
Use front-end TDD workflow to implement functions, fix bugs, or refactor logic: first write failing tests, then implement minimal code, and then refactor.
Hook
Runs before the agent uses a tool for Bash tool calls, executing fec-security-check.js via node. From bovinphang/frontend-craft.
Hook
Runs after a tool call finishes for Write, Edit and MultiEdit tool calls, executing fec-format-changed-file.js via node. From bovinphang/frontend-craft.
Hook
Runs when a session starts, executing fec-cleanup-claude-cache.js and fec-session-start.js via node (2 commands). From bovinphang/frontend-craft.
Hook
Runs when the agent finishes a response, executing fec-run-tests.js via node. From bovinphang/frontend-craft.
Hook
Runs when the agent sends a notification, executing fec-notify.js via node. From bovinphang/frontend-craft.
Skill Claude CodeCodex
A front-end accessibility review guide for checking whether websites and interfaces work for people with disabilities, including keyboard and screen-reader users. It uses WCAG 2.2 AA, a set of web accessibility guidelines, as its reference.
Skill Claude CodeCodex
A project adaptation workflow for studying another system and redesigning selected ideas or practices for the current project. It treats the other system as a source of inspiration and evidence rather than a codebase to copy.
Skill Claude CodeCodex
A guide for connecting front-end code to back-end APIs, including typed clients, authentication, errors, uploads, and live connections such as SSE or WebSockets.
Skill Claude CodeCodex
A document that explains what a front-end screen needs from a back-end team: data, user actions, states, permissions, validation, and business rules. It describes the need without deciding the API or database design.
Skill Claude CodeCodex
A guide for choosing and implementing browser storage, which lets a website keep data on a user’s device. It covers localStorage, sessionStorage, IndexedDB, cookies, offline data, security, and cleanup.
Skill Claude CodeCodex
A guide for building and reviewing browser graphics with Canvas 2D, Three.js, WebGL, React Three Fiber, and GLSL shaders. Canvas is a browser drawing surface, while WebGL and Three.js support GPU-based 3D graphics.
Skill Claude CodeCodex
A general review process for front-end code, covering architecture, types, accessibility, styles, performance, security, and testing.
Skill Claude CodeCodex
A guide for writing and reviewing front-end unit, component, and lightweight integration tests. These tests check small pieces of code and UI behavior without running a full browser journey.
Skill Claude CodeCodex
A frontend guide for handling data that comes from a server, including typed requests, caching, refreshing, pagination, and updates. Server state means data owned by an API rather than by a page’s local controls.
Skill Claude CodeCodex
A step-by-step method for finding the cause of front-end build failures, browser errors, broken screens, failed requests, or incorrect data. It separates build, runtime, visual, and API problems and uses evidence to test possible causes.
Skill Claude CodeCodex
A frontend dependency-upgrade guide for planning and reviewing package updates, migrations, lockfile changes, security fixes, and major framework upgrades.
Skill Claude CodeCodex
A workflow for keeping front-end project documentation aligned with the code and configuration that actually exist. It checks sources such as package files, routes, API clients, schemas, tests, continuous-integration settings, deployment files, and environment examples.
Skill Claude CodeCodex
An editable workflow for making technical diagrams in draw.io (also called diagrams.net), with the original .drawio file saved alongside exported images or documents. It covers architecture, database, UML, sequence, flow, machine-learning, and code-structure diagrams.
Skill Claude CodeCodex
A standard for real-browser end-to-end tests, which test complete user journeys across pages rather than isolated functions. It covers Playwright or Cypress, reusable page objects, test data, continuous-integration reports, screenshots, traces, videos, and unstable tests.