fec-debug
CommandFront-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface problems, using a…
@bovinphangInstall CommandDevelopment
Command
/fec-tdd
Use front-end TDD workflow to implement functions, fix bugs, or refactor logic: first write failing tests, then implement minimal code, and then refactor.
> /plugin marketplace add bovinphang/frontend-craft> /plugin install frontend-craft@frontend-craft
Command definition
fec-tdd.mdname: fec-tdd description: "Use front-end TDD workflow to implement functions, fix bugs, or refactor logic: first write failing tests, then implement minimal code, and then refactor."
Perform test-driven development as per `fec-tdd-workflow`.
Execution steps
1. Identify the front-end behavior to be verified. 2. Select the test layer for the nearest risk: Unit, Component, Lightweight Integration, or E2E. 3. Write a minimum failure test and run it to confirm that the failure reason is correct. 4. Write the minimum implementation to make the test pass. 5. Keep the tests passed before refactoring. 6. Summarize test orders, coverage actions, and remaining risks.
Diversion
- Component and hook testing: `fec-component-testing`
- Cross-page browser process: `fec-e2e-testing`
- Test layering strategy: `fec-testing-strategy`
Boundary
Use this command for new observable behavior and behavior-changing bug fixes. For pure behavior-preserving refactoring, do not invent a RED test: characterize the already-correct behavior and keep it GREEN → REFACTOR → GREEN.
Stats
23
Stars
3
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
Ships withfrontend-craft
frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.
2256 skills14 agents6 MCP
Stars on GitHub
Momentum
- stars in total
- 22
Other commands on frontend-craft.
@bovinphangInstall Commandfec-doc-sync
CommandSync README, docs, environment variables, scripts, API/routing/component descriptions and deployment instructions from code and…
@bovinphangInstall Commandfec-init
CommandInitialize frontend-craft project template, rules or downgrade instructions according to the current AI runtime.
@bovinphangInstall Commandfec-plan
CommandUnified front-end planning entrance - implementation/architecture plan or testing strategy. The implementation path is taken by…
@bovinphangInstall Commandfec-refactor-clean
CommandIdentify and clean up front-end dead code, unused exports, outdated components, styles and dependencies under validation…
@bovinphangInstall Commandfec-refactor-plan
CommandBuild an ordered behavior-preserving frontend refactoring plan from evidence without editing business code.
@bovinphangInstall CommandMore commands from other plugins.
Auto-invoked
Auto-invoked
build
CommandImplement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.
@addyosmaniInstall Command