Agent Plugins Marketplace
← All plugins

ui-craft

v1.0.0

Design engineering skill + system for AI coding agents: anti-slop UI, outcome recipes, spec-driven design, design-review + a11y agents, MCP quality gates.

Claude Code4 Skills1 MCP serverstdio

By Eduardo Calvo0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Claude Code
Parsed components
5 skill or MCP entries
Source updated
Aug 27, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install plugin

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install ui-craft@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/ichelema/Trinity

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is vendor/ui-craft/.

Plugin files

vendor/ui-craft/
├── .claude-plugin/plugin.json
├── skills/ui-craft/SKILL.md
├── skills/ui-craft-dense-dashboard/SKILL.md
├── skills/ui-craft-editorial/SKILL.md
├── skills/ui-craft-minimal/SKILL.md
└── .mcp.json

Included Skills4

ui-craftskills/ui-craft/SKILL.md

Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.

ui-craft-dense-dashboardskills/ui-craft-dense-dashboard/SKILL.md

Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools. Locked knobs: CRAFT=7, MOTION=3, DENSITY=9. IBM Plex + mono numbers, semantic palette, 4/8px grid, sparklines, tabular-nums. Trigger on: dashboard, admin panel, data-dense, analytics, Bloomberg-like, Retool-like.

ui-craft-editorialskills/ui-craft-editorial/SKILL.md

Editorial / magazine / long-form / Medium / Substack / content-heavy UIs. Locked knobs: CRAFT=9, MOTION=4, DENSITY=3. Serif display + humanist body, wide reading column, drop caps, OpenType. Trigger on: editorial, magazine, long-form, blog, Medium-like, Substack-like.

ui-craft-minimalskills/ui-craft-minimal/SKILL.md

Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monochrome + one accent, Inter/Geist, hairline borders over shadows. Trigger on: minimal, clean, Linear-like, Notion-like, Vercel-like, whitespace-heavy.

MCP servers1

ui-craftstdio
command
npx
args
-y [email protected]

Plugin manifests1

vendor/ui-craft/.claude-plugin/plugin.json
{
  "name": "ui-craft",
  "description": "Design engineering skill + system for AI coding agents: anti-slop UI, outcome recipes, spec-driven design, design-review + a11y agents, MCP quality gates.",
  "version": "1.0.0",
  "author": {
    "name": "Eduardo Calvo",
    "url": "https://github.com/educlopez"
  }
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[ui-craft on Agent Plugins Marketplace](https://pluginsmp.com/plugins/ui-craft)