ui-blueprint SKILL.md skillA

ui-blueprint from smturtle2/codex-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add smturtle2/codex-skills/ui-blueprint@git:20260916.6de5236

Pins git:20260916.6de5236 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
smturtle2/codex-skills
Path
skills/ui-blueprint/SKILL.md
Versions recorded
6
Latest version
git:20260916.6de5236, committed Sep 16, 2026
First version recorded
Apr 22, 2026
Size
3,318 bytes
Repository stars
14
License
none declared

Generate a visual blueprint before building new frontend UI or substantially redesigning a screen. Exclude small copy or styling changes, narrow bug fixes, and work that should preserve the existing design.

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 Blueprint

Use the session's selected reasoning model. Build from a generated, saved, and inspected UI mockup.

Keep working mockups and design notes under the project-root-relative `.codex-skills/ui-blueprint/<run-id>/` unless the user chooses another workspace. Use a unique ID for a new design and reuse the original folder when continuing, including older locations. Keep the selected blueprint for follow-up work; clean up only expendable attempts. Deliver requested assets to their output destinations and implement code in the existing project structure.

When creating the default workspace in a Git project, ensure `/.codex-skills/` is ignored unless the user intends to version that data.

## Workflow

1. Read the existing frontend structure, design system, routes, and components relevant to the requested screen.
2. Distill the product, audience, primary task, viewport, required content and controls, and visual constraints into a blueprint brief.
3. Use `$image-creator` to generate one product-specific mockup. Give it the brief and this run's working directory as the destination.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add smturtle2/codex-skills/ui-blueprint@sha256:5c98a7789d2255fb

The line at the top of this page pins the label git:20260916.6de5236, 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_guzn5tb3sqgu3yxn.svg)](https://markdownregistry.com/a/art_guzn5tb3sqgu3yxn)

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

Versions

The registry has recorded 6 versions of this file, between Apr 22, 2026 and Sep 16, 2026, about one every 29 days.

versioncommittedcommitsizeaudit
git:20260916.6de5236 latest2026-09-16 6de5236 3,318 BA view · diff
git:20260905.253d7b12026-09-05 253d7b1 2,666 BA view · diff
git:20260424.859198a2026-04-24 859198a 5,976 BA view · diff
git:20260422.fb230b22026-04-22 fb230b2 5,448 BA view · diff
git:20260422.edbdaf72026-04-22 edbdaf7 5,432 BA view · diff
git:20260422.ad698042026-04-22 ad69804 5,217 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 (3318 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

smturtle2/codex-skills · 14 stars · license none declared · pushed 2026-10-15 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_guzn5tb3sqgu3yxn
GET https://markdownregistry.com/api/v1/resolve?ref=smturtle2/codex-skills/ui-blueprint
GET https://markdownregistry.com/api/v1/blob/5c98a7789d2255fbca8014929a4b6eccacd9aa3d91a2d32b3eb0156dcf1505c6

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 smturtle2/codex-skills

animation-creator SKILL.md skill
smturtle2/codex-skills · skills/animation-creator/SKILL.md · Create character animations from a source image or character description, preserving identity across actions and…
git:20260916.6de5236 · audit A · 14 stars
claude SKILL.md skill
smturtle2/codex-skills · skills/claude/SKILL.md · Exchange messages with an already-running local Claude Code session and inspect its history on demand. Use for…
git:20261015.b79cc4b · audit A · 14 stars
epub-translator SKILL.md skill
smturtle2/codex-skills · skills/epub-translator/SKILL.md · Translate EPUB books into natural prose in a new target-language edition, preserving reading order, links, and…
git:20260930.d15d4af · audit A · 14 stars
gomoku SKILL.md skill
smturtle2/codex-skills · skills/gomoku/SKILL.md · Play 오목/Gomoku against the user on a local GUI board, with Codex choosing moves and maintaining the live game session…
git:20261015.b79cc4b · audit A · 14 stars
image-creator SKILL.md skill
smturtle2/codex-skills · skills/image-creator/SKILL.md · Generate or edit raster images with the built-in image tool and save them locally, including transparent PNGs. Use for…
git:20261001.b4782c2 · audit A · 14 stars
jev-developer SKILL.md skill
smturtle2/codex-skills · skills/jev-developer/SKILL.md · Design, implement, and improve software using TypeSafe AI's Jev. Use for Jev questions, evidence representation, typed…
git:20260920.42ced1e · audit A · 14 stars
user-dialog SKILL.md skill
smturtle2/codex-skills · skills/user-dialog/SKILL.md · Compose popups with inputs, Markdown documents, and image or document file paths, then deliver the response to the…
git:20261015.b79cc4b · audit A · 14 stars

Every file in smturtle2/codex-skills

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