frontend-craft

Name: frontend-craft Review
Item: frontend-craft
Rating: 2.8
Author: Aaron Matthews

Skill Security Usable

Works inClaude Code

Usable Scanned — metadata only

Enterprise frontend team plugin with hooks for code review, security review, performance optimization, Figma/Sketch design-to-code, and architecture planning.

Enterprise frontend team Claude Code plugin — production-ready hooks for code review, security review, performance optimization, scaffolding, design-to-code (Figma/Sketch/MasterGo/Pixso/墨刀/摹客), architecture planning, and UI debugging with multi-design-tool MCP integration. All reports auto-saved as Markdown files to reports/ directory.

Run automated security and performance reviews on frontend code
Convert design files into code from multiple design platforms
Generate Markdown reports for every code and design review

21 starsMIT (commercial OK)FreeQuick setup

Usable rating — This tool is functional but has notable gaps. Review the evaluation notes below before deploying.

Why it matters

Enterprise frontend team plugin with hooks for code review, security review, performance optimization, Figma/Sketch design-to-code, and architecture planning. Reports saved as Markdown.

Best for

Frontend engineering teams who want automated code review, security scanning, and design-to-code conversion with multi-design-tool support.

Works in

Claude Code Claude Cowork Claude Chat

Source

https://github.com/bovinphang/frontend-craft

By bovinphang

How to Get It

Option 1: Claude Desktop App (Code Mode)Click the + button next to the prompt box → Plugins → Add plugin. Search and click Install. Skills work in Claude Code only.

Option 2: Paste into Claude CodeCopy the command below and paste it into your conversation. Claude will install it.

Command

claude plugins install bovinphang/frontend-craft

Tip: Paste this into a Claude Code conversation. Verify command matches your Claude Code version.

Auto-generated from the tool's public listing — not hands-on verified. Cross-check against the source repo's README before running.

First thing to try

After installing, paste this into Claude:

Help me run automated security and performance reviews on frontend code

Trust Signals Auto-scanned

Stars21Contributors4Last updated2026-06-25LicenseMIT (OK for commercial use)Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-08-18 · scanner v1

Community Pulse Active

Discussed on Hacker News, Reddit

Craft - a opensource comfy/dreamo frontend for windows 11- I got tired of all th — Reddit · 22 pts
Fresher Tech Hiring (Referral) – Junior Frontend Developer @ PixelCraft Technolo — Reddit · 4 pts
I built CraftAmplify to help designers ship real frontend code with AI. Would lo — Reddit · 1 pts

3 mentions across 1 sources

Reviewer notes

Auto-scanned review. These are observations, not a security certification.

catalog_hygiene stale-eval refresh: Scored from trust signals (evidence-eval-v1): 17 GitHub stars; 2 contributors; last commit 11d ago; license MIT.

Things to check

Requires manual MCP configuration for each design tool integration; generated code scaffolds need developer refinement before production use. Markdown report output assumes local filesystem access.

How to evaluate tools before deploying →

Data shown here comes from public APIs and automated scanning. Reviewer notes reflect one person's experience. This is not a security certification or legal recommendation. Always evaluate tools according to your own organization's policies.

Evaluation Scores

Evaluation

Ease of Use

3/5

Versatility

2/5

Reliability

3/5

Security

3/5

Overall score2.75 / 5.00 UsableEvaluatedJul 2026

catalog_hygiene stale-eval refresh: Scored from trust signals (evidence-eval-v1): 17 GitHub stars; 2 contributors; last commit 11d ago; license MIT.

← Back to the Claude Observatory