Home / akillness / jeo-skills · .agent-skills/design-first-ui-prompting/SKILL.md · GitHub

design-first-ui-prompting skillA

design-first-ui-prompting is agent-read markdown (skill) from akillness/jeo-skills: Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs..

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

# Design-First UI Prompting Skill

This skill is for **design-first prompting**: turn fuzzy ideas into a tight spec that produces consistent UI.

## When to use this skill

- Turning a fuzzy UI idea into a tight, skimmable spec using the GOAL / FORMAT / LAYOUT / TYPE SYSTEM / COLOR+MATERIAL / IMAGERY / COPY / CONSTRAINTS / NEGATIVE PROMPT skeleton.
- Locking a single "system" (layout, hierarchy, copy) first, then iterating by changing **one variable at a time** (angle/crop, accent color, card arrangement, background tone).
- Working around unreliable AI-generated typography with the 2-pass workflow: generate without text, then typeset the copy separately (e.g., in Figma).
- Building a "constraints card" (FONT / STYLE / MODE) to anchor a model's output like a mini style guide, or maintaining a local, gitignored reference pack instead of expecting the model to "remember" taste.
- Running the fast-iteration checklist (spacing, contrast, one-hero-line hierarchy, single accent color, texture) or the vague-user question list to clarify what a UI generation request actually needs.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add akillness/jeo-skills/design-first-ui-prompting@v1.0
Exact content
mdr add akillness/jeo-skills/design-first-ui-prompting@sha256:177d8cbd10468b74

Pin 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.

Badge

mdr badge

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
v1.0 latest2026-07-28 1b60218 5,184 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, 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 (5184 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

akillness/jeo-skills · 47 stars · license none · pushed 2026-09-22 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_vlbrtzcq2ltpflm3
GET https://markdownregistry.com/api/v1/resolve?ref=akillness/jeo-skills/design-first-ui-prompting
GET https://markdownregistry.com/api/v1/blob/177d8cbd10468b7410a625bf250961499e6ef5a396e9b463e1a2df1d54f0bdd5

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 akillness/jeo-skills

academic-research skill
akillness/jeo-skills · .agent-skills/academic-research/SKILL.md · Full academic research pipeline from discovery to publication — 4 reference pipelines, 27 modes, 39-agent ensemble…
v1.0.0 · audit A · 47 stars
agent-pulse skill
akillness/jeo-skills · .agent-skills/agent-pulse/SKILL.md · Operate and extend barretlee/agent-pulse, the evidence-backed AI industry intelligence system: inspect source catalog…
v1.0 · audit A · 47 stars
agent-reach skill
akillness/jeo-skills · .agent-skills/agent-reach/SKILL.md · Operate Panniantong/Agent-Reach, the MIT-licensed installer, doctor, and routing layer for platform-specific internet…
v1.0.0 · audit A · 47 stars
agentation skill
akillness/jeo-skills · .agent-skills/agentation/SKILL.md · Exact rendered-UI feedback router → choose copy-paste review, watch-loop sync, self-driving critique, or platform…
v1.1.0 · audit A · 47 stars
agentic-gamedev-skills skill
akillness/jeo-skills · .agent-skills/agentic-gamedev-skills/SKILL.md · Discover, select, and safely install focused skills from abagames/agentic-gamedev-skills. Use when a user explicitly…
v1.0.0 · audit A · 47 stars
agentic-skills skill
akillness/jeo-skills · .agent-skills/agentic-skills/SKILL.md · Production engineering lifecycle for spec-first, test-driven implementation, review, and staged shipping; use for…
v1 · audit A · 47 stars
agenticskills skill
akillness/jeo-skills · .agent-skills/agenticskills/SKILL.md · One-shot installer for the akillness/oh-my-gods agent skill bundle (80+ god-skills) — wraps the official install.sh…
v1.0.0 · audit B · 47 stars
aider-cli-workflow skill
akillness/jeo-skills · .agent-skills/aider-cli-workflow/SKILL.md · Runs a scope-locked, test-backed Aider coding loop with commit hygiene; use for local-repo AI pair-programming on one…
v1.0.0 · audit A · 47 stars
airship skill
akillness/jeo-skills · .agent-skills/airship/SKILL.md · Drive Airship (`@airshiplabs/cli`), a CLI that puts a visual, pannable design canvas in front of a running dev server…
v1.0 · audit A · 47 stars
amrouter skill
akillness/jeo-skills · .agent-skills/amrouter/SKILL.md · Self-hosted AI gateway with one OpenAI-compatible endpoint for multi-provider LLM, embedding, image, and audio routing…
git:20260911.fa4fe6b · audit A · 47 stars
animato skill
akillness/jeo-skills · .agent-skills/animato/SKILL.md · Drive Animato (github.com/otdnnc/Animato) as an API-key agent loop that turns a rigged .fbx/.gltf model plus a…
v1.0.0 · audit A · 47 stars
api-design skill
akillness/jeo-skills · .agent-skills/api-design/SKILL.md · Design or refactor API contracts for REST and GraphQL systems.
v1.1.0 · audit A · 47 stars

Every file in akillness/jeo-skills

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