frontend-craft
A frontend engineering plugin for Claude Code that adds skills, agents, commands, hooks and MCP servers covering accessibility checks, API integration, browser storage and related frontend work.
74 skills23
@bovinphang- 23Stars earned
- 1Plugin
- 74Skills
- 14Agents
- 11Commands
- 6MCP servers
- 5Hooks
Plugins
1@bovinphangSkills
74cc-c-project-standard
Use when Pure C module interfaces, ownership contracts, error-code cleanup paths, build conventions or C engineering validation…
@bovinphangcc-cpp-project-standar…
Use when C++ module/header boundaries, resource lifetime, exception safety, ABI, build-standard conventions or project-wide C++…
@bovinphangcc-debug-methodology
Use when diagnosing unexplained engineering failures, build errors, service exceptions, inconsistent data, or cross-layer faults…
@bovinphangcc-doc-sync-core
Use when project documentation, multilingual READMEs, setup instructions, CLI usage, or public capability descriptions drift from…
@bovinphangcc-drawio-studio
Use when creating editable technical diagrams with draw.io / diagrams.net sources, including architecture diagrams, ERD, UML,…
@bovinphangcc-electron-project-st…
Use when an Electron application needs work on main/preload/renderer boundaries, contextBridge IPC, sender validation, sandbox…
@bovinphangcc-go-concurrency
Use when Go goroutine leaks, channel ownership, cancellation propagation, synchronization, worker bounds or race conditions need…
@bovinphangcc-go-project-standard
Use when Go module/workspace organization, package ownership, error and context conventions, dependency boundaries or engineering…
@bovinphangcc-java-project-standa…
Use when Java package/module structure, build-tool conventions, application boundaries, exceptions, persistence ownership or…
@bovinphangcc-java-runtime
Use when Java thread pools, JVM memory/GC, JFR or thread-dump evidence, blocking contention or runtime latency need diagnosis or…
@bovinphangcc-native-memory-safet…
Use when C/C++ leaks, use-after-free, double release, bounds errors, allocator mismatch, FFI ownership or teardown races need…
@bovinphangcc-python-async
Use when Python event-loop blocking, task cancellation, async resource cleanup, bounded concurrency or thread offloading need…
@bovinphangAgents
14fec-architect
AgentUse this subagent when the task involves page splitting, component architecture, state flow design, catalog planning, data flow…
@bovinphangfec-code-reviewer
AgentSenior review focusing on front-end code (React/Vue/Next/Nuxt, TypeScript, styles, client-side security). Delegate after writing…
@bovinphangfec-debugger
AgentFront-end diagnostic and repair subagent: Handle build failures, runtime errors, UI exceptions, and interface issues using a…
@bovinphangfec-design-token-mappe…
AgentUse this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing design tokens,…
@bovinphangfec-doc-updater
AgentFront-end warehouse document synchronization subagent: synchronizes README, runtime docs, project structure, capability tables,…
@bovinphangfec-e2e-runner
AgentFront-end end-to-end testing specialist: writing and maintaining key user journeys, executing Playwright/Cypress, managing…
@bovinphangfec-figma-implementer
AgentFocus on implementing the proxy of UI components accurately according to the design draft, and save the implementation report as…
@bovinphangfec-performance-optimi…
AgentFront-end performance analysis and optimization specialization: Core Web Vitals, packaging volume, runtime and rendering, network…
@bovinphangfec-refactor-cleaner
AgentFront-end Dead Code & Technical Debt Cleanup Subagent: Identifies unused components, exports, styles, routes, dependencies and…
@bovinphangfec-refactoring-expert
AgentFrontend behavior-preserving refactoring orchestrator for evidence-based smell diagnosis, ordered small transformations,…
@bovinphangfec-security-reviewer
AgentFocus on front-end and browser-side security reviews: XSS, client key leaks, dangerous DOM/API usage, third-party scripts, CSP,…
@bovinphangfec-test-planner
AgentFront-end test strategy planning subagent: Develop a coverage matrix according to risk and test levels, distinguishing static…
@bovinphangCommands
11fec-debug
CommandFront-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface problems, using a…
@bovinphangfec-doc-sync
CommandSync README, docs, environment variables, scripts, API/routing/component descriptions and deployment instructions from code and…
@bovinphangfec-init
CommandInitialize frontend-craft project template, rules or downgrade instructions according to the current AI runtime.
@bovinphangfec-plan
CommandUnified front-end planning entrance - implementation/architecture plan or testing strategy. The implementation path is taken by…
@bovinphangfec-refactor
CommandExecute controlled behavior-preserving frontend refactoring with small steps, verification, rollback, and proof reporting.
@bovinphangfec-refactor-clean
CommandIdentify and clean up front-end dead code, unused exports, outdated components, styles and dependencies under validation…
@bovinphangfec-refactor-plan
CommandBuild an ordered behavior-preserving frontend refactoring plan from evidence without editing business code.
@bovinphangfec-review
CommandConduct a standardized review of the frontend changes, specified files/directories, or the whole project, output a graded review…
@bovinphangfec-scaffold
CommandCreate a standard directory structure and template files for pages, features, or components according to project specifications.…
@bovinphangfec-smell
CommandDiagnose frontend code smells with evidence and candidate refactorings without changing business code.
@bovinphangfec-tdd
CommandUse front-end TDD workflow to implement functions, fix bugs, or refactor logic: first write failing tests, then implement minimal…
@bovinphangMCP servers
6figma
MCPReads Figma files so the agent can pull frames, components and design tokens straight from the source.
@bovinphangfigma-desktop
MCPReads design files, layers and component data directly from Figma's desktop application.
@bovinphangmastergo
MCPExtracts layout, style and component specs from cloud based interface designs for coding handoff.
@bovinphangmodao
MCPShips with frontend-craft: frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards…
@bovinphangpixso
MCPA real time collaborative interface design tool offering shared component libraries as a Figma alternative.
@bovinphangsketch
MCPShips with frontend-craft: frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards…
@bovinphangIs this you? Claim your profilePut a plugin at the top of Plugins, from $9