ai-ui-generation SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

ai-ui-generation from yonatangross/orchestkit is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add yonatangross/orchestkit/ai-ui-generation@v1.1.0

Pins v1.1.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
yonatangross/orchestkit
Path
src/skills/ai-ui-generation/SKILL.md
Versions recorded
11
Latest version
v1.1.0, committed Oct 7, 2026
First version recorded
Jun 20, 2026
Size
10,696 bytes
Repository stars
299
License
MIT

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers prompt engineering for component and full-stack app generation, review checklists for AI-generated code, design token injection, refactoring for design system conformance, and CI gates for quality assurance. Use when generating UI components with AI tools, rendering multi-surface MCP visual output, reviewing AI-generated code, or integrating AI output into 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

# AI UI Generation

Patterns for generating, reviewing, and integrating UI components produced by AI tools (json-render, v0.app, Google Stitch, Bolt Cloud, Cursor). **json-render is the first choice** for multi-surface, MCP visual output, and type-safe catalog workflows. AI-generated UI is **80% boilerplate, 20% custom** — the human reviews, refactors, and owns the output. These rules ensure AI output meets design system, accessibility, and quality standards before shipping.

> **Tool landscape as of 2026-04:**
> - **v0.dev → v0.app** (Jan 2026 rebrand) — expanded from component scaffolding to full-stack app generation with shipping targets (Vercel, Cloudflare, Railway). v0.app MCP server (`@vercel/v0-mcp`) exposes generation as an MCP tool, so agents can call it programmatically.
> - **Google Stitch** — design-first generation via `stitch.withgoogle.com/docs/mcp`. Produces multi-screen apps (up to 5 interconnected screens) with React/HTML + PNG. Strong when input is a screenshot, URL, or DESIGN.md file.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add yonatangross/orchestkit/ai-ui-generation@sha256:caab71152e8fb7eb

The line at the top of this page pins the label v1.1.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.

Badge

mdr badge

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

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

Versions

The registry has recorded 11 versions of this file, between Jun 20, 2026 and Oct 7, 2026, about one every 11 days.

versioncommittedcommitsizeaudit
v1.1.0 latest2026-10-07 480e358 10,696 BA view · diff
v1.1.02026-09-29 105a980 10,700 BA view · diff
v1.1.02026-09-28 220adb4 10,734 BA view · diff
v1.1.02026-09-23 3cbe64d 10,747 BA view · diff
v1.1.02026-09-23 15f5451 10,350 BA view · diff
v1.1.02026-09-20 02cb935 10,317 BA view · diff
v1.1.02026-08-29 2aed0b0 10,317 BA view · diff
v1.1.02026-08-01 0ed071d 10,317 BA view · diff
v1.1.02026-07-25 47b78fb 10,310 BA view · diff
v1.1.02026-07-10 10a2d30 10,310 BA view · diff
v1.1.02026-06-20 5700399 10,310 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 (10696 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

yonatangross/orchestkit · 299 stars · license MIT · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_ppyflqocdwaqegfk
GET https://markdownregistry.com/api/v1/resolve?ref=yonatangross/orchestkit/ai-ui-generation
GET https://markdownregistry.com/api/v1/blob/caab71152e8fb7eb641c222fccb27f31807eb1a0b2b2edb8c37e519ae1e44b7d

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 yonatangross/orchestkit

AGENTS.md AGENTS.md file
yonatangross/orchestkit · AGENTS.md
git:20261022.980c9bf · audit A · 299 stars
CLAUDE.md CLAUDE.md file
yonatangross/orchestkit · CLAUDE.md
git:20261029.22dfd98 · audit A · 299 stars
AGENTS.md@docs/site AGENTS.md file
yonatangross/orchestkit · docs/site/AGENTS.md
git:20260823.5e31893 · audit A · 299 stars
CLAUDE.md@docs/site CLAUDE.md file
yonatangross/orchestkit · docs/site/CLAUDE.md
git:20260823.5e31893 · audit B · 299 stars
ork-assess SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-assess/SKILL.md · Assess a code change, design, architecture, workflow, or competing options against explicit criteria and evidence. Use…
git:20260819.cf231c6 · audit A · 299 stars
ork-brainstorm SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-brainstorm/SKILL.md · Compare plausible implementation, architecture, product, or operational approaches before committing to one. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
ork-explore SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-explore/SKILL.md · Map an unfamiliar codebase, feature, architecture, data flow, or operational path with file-backed evidence. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
ork-glyph SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-glyph/SKILL.md · Render an answer inline as compact ASCII or box-drawing art with semantic status icons. Use for status, inventories…
git:20260919.ab8d756 · audit A · 299 stars
ork-implement SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-implement/SKILL.md · Make an approved, scoped change and prove the affected behavior. Use when a request asks to implement, build, add, or…
git:20260825.dc3bfe8 · audit A · 299 stars
ork-review-pr SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-review-pr/SKILL.md · Review a pull request or branch for correctness, regressions, security, operational risk, and missing evidence. Use…
git:20260819.cf231c6 · audit A · 299 stars
ork-verify SKILL.md skill
yonatangross/orchestkit · plugins/ork-codex/skills/ork-verify/SKILL.md · Verify that existing work is ready to merge, release, or hand off using an explicit evidence contract. Use when a…
git:20260819.cf231c6 · audit A · 299 stars
CLAUDE.md@plugins/ork CLAUDE.md file
yonatangross/orchestkit · plugins/ork/CLAUDE.md
git:20261011.1894035 · audit A · 299 stars

Every file in yonatangross/orchestkit

Other files named ai-ui-generation

ai-ui-generation SKILL.md skill
yonatangross/orchestkit · plugins/ork/skills/ai-ui-generation/SKILL.md · AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. Covers…
v1.1.0 · audit A · 299 stars

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