ui-design SKILL.md skillA
ui-design from martinolivero/saas-builder is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add martinolivero/saas-builder/ui-design@git:20261007.f2beefePins git:20261007.f2beefe in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- martinolivero/saas-builder
- Path
skills/ui-design/SKILL.md- Versions recorded
- 4
- Latest version
- git:20261007.f2beefe, committed Oct 7, 2026
- First version recorded
- Jun 5, 2026
- Size
- 8,138 bytes
- Repository stars
- 4
- License
- MIT
This skill should be used when making visual design decisions, creating components, defining styles, colors, typography, spacing, or building any interface — including dashboards, admin panels, and web apps. Trigger phrases include "design the UI", "build a component", "pick colors", "create a design system", "make it look good", "style this", "dashboard layout", "make a dark mode". It generates a design system before writing code and avoids generic AI aesthetics.
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 This skill produces distinctive, production-grade interfaces. It orchestrates a UI/UX-pro approach with deliberate taste: decide the design system first, then write code that expresses it. Analogy: an architect does not start laying bricks. They draw the blueprint — materials, proportions, palette — and only then build. The design system is the blueprint. ## Dependencies This skill works standalone, but it is **significantly stronger when the original design skills are installed**. Before generating a design system, check what is available and delegate in this order: 1. **`ui-ux-pro-max` available** → invoke it to generate the full design system (palettes, styles, typography). It has the richest design database. 2. **`taste-skill` available** → apply it as a style layer on top of the system from step 1 (or on top of the embedded fallback). 3. **Neither installed** → use the embedded design principles in this skill as the fallback. They are kept below precisely for this case. Always prefer the originals when present; fall back gracefully and silently when they are not. Never block on a missing dependency. ## Workflow ### Step 1 — Identify the product type …
Read the whole file at its exact version.
How to install
mdr add martinolivero/saas-builder/ui-design@sha256:9e728ac4adffebb6The line at the top of this page pins the label git:20261007.f2beefe, 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_smvoztjfhvj5akch)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 4 versions of this file, between Jun 5, 2026 and Oct 7, 2026, about one every 41 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261007.f2beefe latest | 2026-10-07 | f2beefe | 8,138 B | A | view · diff |
| git:20260606.1d02dd6 | 2026-06-06 | 1d02dd6 | 6,631 B | A | view · diff |
| git:20260606.ea9eaaf | 2026-06-06 | ea9eaaf | 4,737 B | A | view · diff |
| git:20260605.5e4d680 | 2026-06-05 | 5e4d680 | 3,694 B | A | 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 (8138 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
martinolivero/saas-builder · 4 stars · license MIT · pushed 2026-10-11 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_smvoztjfhvj5akch GET https://markdownregistry.com/api/v1/resolve?ref=martinolivero/saas-builder/ui-design GET https://markdownregistry.com/api/v1/blob/9e728ac4adffebb62d3b2e137309e87c4b391711dfe47d474a7dda39c7ab2ac2
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 martinolivero/saas-builder
Every file in martinolivero/saas-builder