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
- Agency Agents — A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject 148k ★
- Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
- Graphjin — GraphJin - An Automagical Compiler to Connect AI to Your Databases 3034 44 1 3k ★
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
UX Design
Generate a beautiful, anti-AI-slop design or component from a brief. Dispatches the frontend-engineer sub-agen
Fec Init
Initialize frontend-craft project template, rules or downgrade instructions according to the current AI runtim
Bodyboot
Self-bootstrapping embodiment compiler for physical AI: a coding agent discovers an unfamiliar robot SDK, infe
Modern Frontend
/modern-frontend — Anti-AI Frontend Design (2026)
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
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
Draft Reviewer
Review AND FIX any draft for AI slop, writing craft, and voice consistency. Runs three quality checks, then ap