fec-debug
Front-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface problems, using a unified diagnostic framework to…
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.
> /plugin marketplace add bovinphang/frontend-craft > /plugin install frontend-craft@frontend-craft
How it fires
How this command gets triggered: by you, by Claude, or both.
/fec-planContext preview
What this command does when you run it.
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.
name: fec-plan description: 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.
Create a front-end plan before changing the code. Automatically divert traffic to implementation planning or test planning based on user intent.
If the intention is unclear, first ask the user if they want to see the implementation plan or test strategy.
1. Restate user goals, success criteria, and out-of-scope content. 2. Read relevant codes, templates, rules, configurations, tests and existing implementations to avoid deviating from the current status of the project. 3. If it involves page splitting, state flow, directory structure, data flow or large-scale reconstruction, entrust **`fec-architect`**. 4. Output plan:
5. For decisions related to version sensitivity, dependency upgrades or external libraries, list the source of fact, version range, migration impact and documents that need to be verified. 6. Implementation is not performed until user confirmation.
The implementation plan is saved to `reports/architecture-proposal-YYYY-MM-DD-HHmmss.md`.
1. Determine the scope:
2. Use the `fec-testing-strategy` Skill to create a test layering matrix:
3. Provide recommended test layers, priorities, recommended commands, responsibility skills and failure location evidence for each risk.
4. Indicate which risks only need to be covered by existing access control, which ones need new testing, and which ones are not covered yet and explain the reasons.
5. Delegate the **`fec-test-planner`** subagent to generate independent test plans when necessary.
6. Save the plan to `reports/test-plan-YYYY-MM-DD-HHmmss.md`:
# Front-end test plan > Generation time: YYYY-MM-DD HH:mm > Scope: ... ## Risk Overview | Risk | Impact | Suggested Layer | Priority | Evidence | | ---- | ------ | --------------- | -------- | -------- | ## Covering matrix | Layer | What to Cover | Tooling / Command | Skill | | ----- | ------------- | ------------------ | ----- | ## Execution order ## Items not covered and reasons
7. If the user requires to continue to implement the test, it will be diverted to the corresponding special skill or agent according to the matrix.
When users need to implement plans and test strategies at the same time:
1. First output the complete implementation plan. 2. Add a "Testing Strategy" chapter to the end of the implementation plan to list the testing levels and verification access controls corresponding to key risks. 3. Additional `test-plan-*` independent reports will only be generated if the user explicitly requests complete coverage matrix.
frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.
Repo: bovinphang/frontend-craft
Front-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface problems, using a unified diagnostic framework to…
Sync README, docs, environment variables, scripts, API/routing/component descriptions and deployment instructions from code and project sources of truth.
Initialize frontend-craft project template, rules or downgrade instructions according to the current AI runtime.
Identify and clean up front-end dead code, unused exports, outdated components, styles and dependencies under validation protection.
Build an ordered behavior-preserving frontend refactoring plan from evidence without editing business code.
Execute controlled behavior-preserving frontend refactoring with small steps, verification, rollback, and proof reporting.