bovinphang/frontend-craft
frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.
ARCHETYPE
MCP Hoarder
Six or more MCP servers wired in. Every tool, always in context.
Copy this rig
# review before running: this installs third-party code $ claude mcp add figma -e FIGMA_<redacted> -- npx -y figma-developer-mcp --stdio $ claude mcp add figma-desktop -e FIGMA_<redacted> -- npx -y @anthropic/figma-mcp $ claude mcp add sketch -e SKETCH_<redacted> -- npx -y sketch-mcp-server --stdio $ claude mcp add mastergo -- npx -y @mastergo/magic-mcp --token=${MG_MCP_TOKEN} --url=https://mastergo.com $ claude mcp add modao -e MODAO_<redacted> -- npx -y @modao-mcp/modao-proto-mcp $ npx degit bovinphang/frontend-craft/skills ./rig-frontend-craft/skills
MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.
$ claude mcp add figma -e FIGMA_<redacted> -- npx -y figma-developer-mcp --stdio $ claude mcp add figma-desktop -e FIGMA_<redacted> -- npx -y @anthropic/figma-mcp $ claude mcp add sketch -e SKETCH_<redacted> -- npx -y sketch-mcp-server --stdio $ claude mcp add mastergo -- npx -y @mastergo/magic-mcp --token=${MG_MCP_TOKEN} --url=https://mastergo.com $ claude mcp add modao -e MODAO_<redacted> -- npx -y @modao-mcp/modao-proto-mcp
$ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-accessibility-check .claude/skills/fec-accessibility-check $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-alchemy .claude/skills/fec-alchemy $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-api-integration .claude/skills/fec-api-integration $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-backend-requirements-handoff .claude/skills/fec-backend-requirements-handoff $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-browser-storage .claude/skills/fec-browser-storage $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-canvas-threejs .claude/skills/fec-canvas-threejs $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-code-review .claude/skills/fec-code-review $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-code-smells .claude/skills/fec-code-smells $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-component-testing .claude/skills/fec-component-testing $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-data-fetching .claude/skills/fec-data-fetching $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-debug-framework .claude/skills/fec-debug-framework $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-dependency-upgrade .claude/skills/fec-dependency-upgrade $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-doc-sync .claude/skills/fec-doc-sync $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-drawio-studio .claude/skills/fec-drawio-studio $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-e2e-testing .claude/skills/fec-e2e-testing $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-form-handling .claude/skills/fec-form-handling $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-image-generation .claude/skills/fec-image-generation $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-implement-from-design .claude/skills/fec-implement-from-design $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-legacy-to-modern-migration .claude/skills/fec-legacy-to-modern-migration $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-legacy-web-standard .claude/skills/fec-legacy-web-standard $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-list-virtualization .claude/skills/fec-list-virtualization $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-monorepo-project-standard .claude/skills/fec-monorepo-project-standard $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-motion-interaction .claude/skills/fec-motion-interaction $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-nextjs-project-standard .claude/skills/fec-nextjs-project-standard $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-nuxt-project-standard .claude/skills/fec-nuxt-project-standard $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-performance-optimization .claude/skills/fec-performance-optimization $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-pwa-implementation .claude/skills/fec-pwa-implementation $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-react-project-standard .claude/skills/fec-react-project-standard $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactor-clean .claude/skills/fec-refactor-clean $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-api .claude/skills/fec-refactoring-api $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-catalog .claude/skills/fec-refactoring-catalog $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-control .claude/skills/fec-refactoring-control $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-data .claude/skills/fec-refactoring-data $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-encapsulation .claude/skills/fec-refactoring-encapsulation $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-functions .claude/skills/fec-refactoring-functions $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-inheritance .claude/skills/fec-refactoring-inheritance $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-move-features .claude/skills/fec-refactoring-move-features $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring-validation .claude/skills/fec-refactoring-validation $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-refactoring .claude/skills/fec-refactoring $ npx degit bovinphang/frontend-craft/localized/zh-CN/skills/fec-responsive-layout .claude/skills/fec-responsive-layout
This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:
{
"permissions": {
"deny": [
"Read(./.env)",
"Read(**/.env)",
"Read(~/.ssh/**)",
"Bash(rm -rf *)",
"Read(**/*.pem)",
"Bash(rm -rf /)",
"Bash(git push --force:*)",
"Bash(sudo *)",
"Read(.env)",
"Bash(rm -rf /*)",
"Read(./.env.*)",
"Read(~/.aws/**)",
"Bash(git push --force*)",
"Bash(rm -rf:*)",
"Read(**/*.key)",
"Read(**/.env.*)",
"Bash(sudo:*)",
"Bash(git reset --hard*)",
"Bash(git reset --hard:*)",
"Read(.env.*)"
],
"ask": [
"Bash(git push:*)",
"Bash(git push *)",
"Bash(git commit:*)",
"Bash(rm *)",
"Bash(rm:*)",
"Bash(git rebase *)",
"Bash(wget *)",
"Bash(npm publish:*)",
"Bash(git commit *)",
"Bash(gh pr merge *)"
]
}
} MCP servers (6)
| server | source | est. tokens |
|---|---|---|
| Figma env: FIGMA_API_KEY | npm | 3.0k |
| Figma · "figma-desktop" env: FIGMA_API_KEY | npm | 3.0k |
| sketch-mcp-server · "sketch" env: SKETCH_API_KEY | npm | 2.5k |
| @mastergo/magic-mcp · "mastergo" | npm | 2.5k |
| pixso | local / custom · remote | 2.5k |
| @modao-mcp/modao-proto-mcp · "modao" env: MODAO_TOKEN | npm | 2.5k |
Skills (56)
fec-accessibility-checkfec-alchemyfec-api-integrationfec-backend-requirements-handofffec-browser-storagefec-canvas-threejsfec-code-reviewfec-code-smellsfec-component-testingfec-data-fetchingfec-debug-frameworkfec-dependency-upgradefec-doc-syncfec-drawio-studiofec-e2e-testingfec-form-handlingfec-image-generationfec-implement-from-designfec-legacy-to-modern-migrationfec-legacy-web-standardfec-list-virtualizationfec-monorepo-project-standardfec-motion-interactionfec-nextjs-project-standardfec-nuxt-project-standardfec-performance-optimizationfec-pwa-implementationfec-react-project-standardfec-refactor-cleanfec-refactoring-apifec-refactoring-catalogfec-refactoring-controlfec-refactoring-datafec-refactoring-encapsulationfec-refactoring-functionsfec-refactoring-inheritancefec-refactoring-move-featuresfec-refactoring-validationfec-refactoringfec-responsive-layoutfec-route-protectionfec-security-reviewfec-source-driven-developmentfec-state-managementfec-storybook-component-docfec-svg-animationfec-tailwind-design-systemfec-tdd-workflowfec-testing-strategyfec-typescript-project-standardfec-ui-designfec-validation-fixfec-vite-project-standardfec-vue3-project-standardfec-web-video-presentationfec-web-workers
Similar rigs
grab/cursor-talk-to-figma-mcp
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
Pragmatist 4.0k tok ·
fielding/dotfiles
:neckbeard: dotfiles for personal usage and synchronization between workstations
YOLO Cowboy 8.0k tok ·
MKP999/claude-mastergo-setup
MasterGo MCP for Claude Code - 一键安装配置模板
Pragmatist 2.5k tok ·
lex13s/aissembly
An AI agent assembly line for React Native / Expo apps — a full pipeline of specialized agents (orchestrator → architect → developer → tester → reviewer → security → release → docs) plus native Claude Code subagents. Self-contained, drop-in
Pragmatist 11.6k tok ·