Agent Craft — AI skill for Claude Code
The Sub-15ms Deterministic Anti-Slop Compiler, Cassowary Layout Solver & FastMCP 2.0 Quality Gate for AI Coding Agents and Frontend Teams.
How to install Agent Craft
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open janmejai2002/agent-craft and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Agent Craft does
**The Sub-15ms Deterministic Anti-Slop Compiler, Cassowary Layout Solver & FastMCP 2.0 Quality Gate for AI Coding Agents and Frontend Teams.**
Alternatives in AI
- Graphjin — GraphJin - An Automagical Compiler to Connect AI to Your Databases 3034 44 1 3k ★
- LLM Wiki Compiler — Claude Code plugin that compiles markdown knowledge files into a topic-based wiki 224 ★
- UX Design — Generate a beautiful, anti-AI-slop design or component from a brief 66 ★
README
agent-craft ◆
**The Sub-15ms Deterministic Anti-Slop Compiler, Cassowary Layout Solver & FastMCP 2.0 Quality Gate for AI Coding Agents and Frontend Teams.**
[](LICENSE) [](tests/) []() []() []() []()
[**Live Visual Showcase**](ui/before-after-showcase.html) • [**Architecture Map**](craft-architecture-map.html) • [**100-Page Master Spec**](docs/AGENT_CRAFT_DEFINITIVE_100_PAGE_MASTER_SPECIFICATION.md) • [**MCP Integration**](#-autonomous-agent-setup-anyfarm-agentica-cursor-claude) • [**Multi-Theme Gallery**](#-multi-theme-versatility-one-engine-infinite-aesthetics)
◆ agent-craft v1.1.0 — Visual Craft Linter, Perceptual Contrast Engine & MCP Server
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
✔ 0 Visual Craft Violations Found! (12 components scanned in 5.8ms)
Craft Health Score: ████████████████████ 100/100 [FLAWLESS CRAFT]
⚡ Try It Right Now (Zero Install)
Run this one-liner in any React, Next.js, or Vite project to see your codebase's craft health score:
npx agent-craft audit .
Or automatically fix all contrast bugs, touch-target deficits, and mobile viewport blowouts surgically:
npx agent-craft fix .
🛑 The Problem: The "AI Slop" Epidemic
Over the last 18 months, AI coding agents (**Claude Code**, **Cursor**, **Windsurf**, **Antigravity**, **Copilot**) have taken over frontend scaffolding. But AI models have **no eyes**, **no fingers**, and **no mobile screens**. They systematic
Related Skills
Fec Init
Initialize frontend-craft project template, rules or downgrade instructions according to the current AI runtim
AI PCB Layout
AI agent skill for designing and reviewing power-electronics PCBs, with a human review gate after every step
Modern Frontend
/modern-frontend — Anti-AI Frontend Design (2026)
Claude Code Isenberg Startup Agents Remotion
A promotional animation showcasing Claude Code's sub agent team capabilities, inspired by Greg Isenberg's twee
SDesign
去 AI 味设计系统库 · 6 美学家族 × 64 套设计系统 · 复制一段提示词粘给任意 AI 就出片不飘 · 含在线预览站 Anti-slop design systems for any AI — 64 curat
Skills Slides
50,000+ unique HTML presentation designs. Zero dependencies. Anti-AI-slop. A Claude Code skill.
Related Agents
QA Anti Slop Agent
QA anti-slop checker for visual, motion, timing, audio, accessibility, deterministic render quality, UX laws,
UI Critic
Independent frontend UI quality auditor. Use proactively after building or restyling any significant UI (page,
Engineering
Staff Engineer — owns architecture, decomposes work, delegates to Backend/Frontend/DevOps sub-agents, resolves