ui-design skillA
ui-design is agent-read markdown (skill) from starchild-ai-agent/official-skills: 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 hard.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns 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@v1.2.0mdr add starchild-ai-agent/official-skills/ui-design@sha256:9663c49be9eeaabfPin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_mbyn7edjj33vg32s)
1 badge views in 30 days
Versions
| 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 · 28 stars · license none · pushed 2026-09-18 · 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 agent 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.
More from starchild-ai-agent/official-skills
Every file in starchild-ai-agent/official-skills