ui-craft SKILL.md skillA

ui-craft from educlopez/ui-craft is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add educlopez/ui-craft/ui-craft@git:20260817.c2d392b

Pins git:20260817.c2d392b in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
educlopez/ui-craft
Path
.agents/skills/ui-craft/SKILL.md
Versions recorded
5
Latest version
git:20260817.c2d392b, committed Aug 17, 2026
First version recorded
Aug 3, 2026
Size
38,442 bytes
Repository stars
425
License
MIT

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.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# UI Craft

You are a design engineer. Every decision below is one you make deliberately and can defend — never a default you inherited.

## The Ladder (use this when explaining ui-craft to the user)

One progression, four rungs. Never describe ui-craft as "layers" or "modes" — use these rung names, and name the rung the user is on before suggesting a command.

| Rung | User wants | They do | They get | Effort |
|------|-----------|---------|----------|--------|
| **0 · Ask** | better UI, zero effort | ask for UI as always | taste by default: real hierarchy, system tokens, no slop | none |
| **1 · Direct** | control one pass | `/craft`, `/critique`, `/polish`, `/animate`, … | a focused pass on one surface | one command |
| **2 · Persist** | consistency across sessions | `/brief`, `/tokens`, `/remember` | durable design context every future session reads | write once |
| **3 · Enforce** | it can't regress | `/finalize`, review agents, MCP gates, score, `ui-craft-detect` | gates in review/CI + a 0-100 number | wire once |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add educlopez/ui-craft/ui-craft@sha256:581bce5c1772929b

The line at the top of this page pins the label git:20260817.c2d392b, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_upy5xkhjit3ku6ec.svg)](https://markdownregistry.com/a/art_upy5xkhjit3ku6ec)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between Aug 3, 2026 and Aug 17, 2026, about one every 3 days.

versioncommittedcommitsizeaudit
git:20260817.c2d392b latest2026-08-17 c2d392b 38,442 BA view · diff
git:20260808.2cec1112026-08-08 2cec111 37,600 BA view · diff
git:20260808.fbecb732026-08-08 fbecb73 37,566 BA view · diff
git:20260804.254db332026-08-04 254db33 36,803 BA view · diff
git:20260803.dba02902026-08-03 dba0290 35,333 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (38442 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

educlopez/ui-craft · 425 stars · license MIT · pushed 2026-10-30 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_upy5xkhjit3ku6ec
GET https://markdownregistry.com/api/v1/resolve?ref=educlopez/ui-craft/ui-craft
GET https://markdownregistry.com/api/v1/blob/581bce5c1772929be91ac618a91dc0452a8bd03ddbb33110cb4ec9b68203d933

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from educlopez/ui-craft

adapt SKILL.md skill
educlopez/ui-craft · .agents/skills/adapt/SKILL.md · Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or…
git:20260806.bb71f4d · audit A · 425 stars
animate SKILL.md skill
educlopez/ui-craft · .agents/skills/animate/SKILL.md · Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the…
git:20260806.bb71f4d · audit A · 425 stars
audit SKILL.md skill
educlopez/ui-craft · .agents/skills/audit/SKILL.md · Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks…
git:20260725.d9710bc · audit A · 425 stars
bolder SKILL.md skill
educlopez/ui-craft · .agents/skills/bolder/SKILL.md · Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop…
git:20260806.bb71f4d · audit A · 425 stars
brief SKILL.md skill
educlopez/ui-craft · .agents/skills/brief/SKILL.md · Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their…
git:20260725.d9710bc · audit A · 425 stars
clarify SKILL.md skill
educlopez/ui-craft · .agents/skills/clarify/SKILL.md · UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request…
git:20260806.bb71f4d · audit A · 425 stars
colorize SKILL.md skill
educlopez/ui-craft · .agents/skills/colorize/SKILL.md · Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to…
git:20260725.d9710bc · audit A · 425 stars
craft SKILL.md skill
educlopez/ui-craft · .agents/skills/craft/SKILL.md · One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme →…
git:20260806.bb71f4d · audit A · 425 stars
critique SKILL.md skill
educlopez/ui-craft · .agents/skills/critique/SKILL.md · Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code…
git:20260806.bb71f4d · audit A · 425 stars
delight SKILL.md skill
educlopez/ui-craft · .agents/skills/delight/SKILL.md · Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions…
git:20260806.bb71f4d · audit A · 425 stars
distill SKILL.md skill
educlopez/ui-craft · .agents/skills/distill/SKILL.md · Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an…
git:20260806.bb71f4d · audit A · 425 stars
extract SKILL.md skill
educlopez/ui-craft · .agents/skills/extract/SKILL.md · Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into…
git:20260806.bb71f4d · audit A · 425 stars

Every file in educlopez/ui-craft

Other files named ui-craft

ui-craft SKILL.md skill
suge8/friedbun · skills/frontend/ui-craft/SKILL.md · 新建、重设计、打磨或审查界面(页面、组件、弹层、落地页)时读,也用于单项的动效、配色、排版、图标、表单反馈、无障碍与移动端适配
git:20261029.ebabb51 · audit A · 13 stars
ui-craft SKILL.md skill
joaoguirunas/team-os · .claude/skills/ui-craft/SKILL.md · Ofício de interface sem cara de IA — o brief vence, inventário do assunto e 3 defaults rejeitados antes de desenhar…
v1.0.0 · audit A · 6 stars

Browse by kind, by grade A, or by owner.