ui-design SKILL.md skillA
ui-design from starchild-ai-agent/official-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add starchild-ai-agent/official-skills/ui-design@v1.2.0Pins v1.2.0 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- starchild-ai-agent/official-skills
- Path
ui-design/SKILL.md- Versions recorded
- 5
- Latest version
- v1.2.0, committed Jun 11, 2026
- First version recorded
- Jun 3, 2026
- Size
- 4,384 bytes
- Repository stars
- 32
- License
- none declared
UI/UX quality gate and build guide for every visual output — landing pages, dashboards, web apps, portfolios, and tools. ui-design remains the main entry point. Integration model: ui-design main trunk + taste-skill overlay. - ui-design owns engineering quality (track selection, component-library strategy, accessibility, responsiveness, theming, performance, preview delivery) - taste-skill is invoked inside the ui-design workflow for style decisions (Brief Inference, Design Dials, Anti-slop…
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 Design Skill This skill is the **single entry point** for visual work. Use it for any user-facing HTML/CSS/JS output: landing pages, dashboards, product UI, internal tools, and portfolio pages. --- ## Step 1 — Pick the build track Choose deliberately before coding: - **Track A (hand-built)**: static preview, vanilla HTML/CSS/JS, quick custom pages - **Track B (component library)**: React/Vite/Next project using shadcn/ui, HeroUI, or coss ui Track decision and component-library strategy are always owned by `ui-design`. --- ## Step 2 — Taste Overlay Contract (mandatory) Inside ui-design workflow, invoke taste-skill for exactly these 3 style blocks: 1. **Brief Inference** 2. **Design Dials** (layout variance / motion intensity / visual density) 3. **Anti-slop hard rules** ### Boundary - `ui-design` keeps ownership of engineering quality and delivery. - `taste-skill` provides style direction and anti-template taste constraints. This avoids overlap with ui-design’s engineering references (component libraries, a11y, preview, data dashboard implementation). --- ## Step 3 — Runtime order (use this every time) 1. Use `ui-design` to select Track A/B. …
Read the whole file at its exact version.
How to install
mdr add starchild-ai-agent/official-skills/ui-design@sha256:9663c49be9eeaabfThe line at the top of this page pins the label v1.2.0, 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.
[](https://markdownregistry.com/a/art_mbyn7edjj33vg32s)
5 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Jun 3, 2026 and Jun 11, 2026, about one every 2 days. Its first recorded version is graded B and its latest A.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| v1.2.0 latest | 2026-06-11 | cdd8767 | 4,384 B | A | view · diff |
| v1.0.3 | 2026-06-04 | 3e63960 | 9,790 B | B | view · diff |
| v1.0.2 | 2026-06-04 | 0c5bbf2 | 9,789 B | B | view · diff |
| v1.0.1 | 2026-06-04 | ed9305b | 8,431 B | B | view · diff |
| v1.0.0 | 2026-06-03 | 516c9fc | 8,431 B | B | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (4384 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
starchild-ai-agent/official-skills · 32 stars · license none declared · pushed 2026-11-06 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_mbyn7edjj33vg32s GET https://markdownregistry.com/api/v1/resolve?ref=starchild-ai-agent/official-skills/ui-design GET https://markdownregistry.com/api/v1/blob/9663c49be9eeaabf89abbfd72581fa699ffee5551831d6da96b913afed6da46d
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 starchild-ai-agent/official-skills
Every file in starchild-ai-agent/official-skills