ui-mockup SKILL.md skillA
ui-mockup from dcouple/pane is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add dcouple/pane/ui-mockup@git:20261105.60e9622Pins git:20261105.60e9622 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- dcouple/pane
- Path
main/src/services/paneChatBundle/skills/ui-mockup/SKILL.md- Versions recorded
- 5
- Latest version
- git:20261105.60e9622, committed Nov 5, 2026
- First version recorded
- Sep 24, 2026
- Size
- 4,731 bytes
- Repository stars
- 603
- License
- a license file GitHub does not identify
Create three UI mockup options per round, then refine the person's favourite into the approved design reference. Works from screenshots of the current product or from agreed references for something new, with whatever tools are available (an image model, HTML and CSS in a browser, or a wireframe). Use for "mock this up," "UI mockup," or "show me what this would look like" before an interface is built. Saves the approved design with the ticket, brief or plan.
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 mockup A mock-up settles what the interface should look like before anyone plans or builds it. Match the product's visual language when there is a product, and make every option easy to compare. The approved result becomes the design reference that `visual` checks are judged against. ## Start from what exists - **Existing product:** reuse screenshots the person gives you, or capture them yourself: when specific user state is unnecessary, launch the dev build or open an accessible environment and capture the screens with browser tools, following the repository's setup guidance. Ask for screenshots when the screen or state is out of reach. - **Something new:** agree on the references to match first (products, sketches, a style to follow), and label the result as a new concept. - Inspect a small reference set for layout, theme, type and components. - Agree on the screen, the state, what changes, and what must be preserved. Ask about gaps that change the design; decide the rest yourself. ## Pick the medium Use the most faithful medium you have, and say which one you used: …
Read the whole file at its exact version.
How to install
mdr add dcouple/pane/ui-mockup@sha256:a1ccae8cd1daf68eThe line at the top of this page pins the label git:20261105.60e9622, 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_4scqvl2ddagxjvuw)
3 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Sep 24, 2026 and Nov 5, 2026, about one every 11 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261105.60e9622 latest | 2026-11-05 | 60e9622 | 4,731 B | A | view · diff |
| git:20260924.8056e4d | 2026-09-24 | 8056e4d | 3,833 B | A | view · diff |
| git:20260924.c3bd4b5 | 2026-09-24 | c3bd4b5 | 2,935 B | A | view · diff |
| git:20260924.17234b5 | 2026-09-24 | 17234b5 | 2,950 B | A | view · diff |
| git:20260924.3aceaab | 2026-09-24 | 3aceaab | 2,959 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 (4731 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
dcouple/pane · 603 stars · license a license file GitHub does not identify · pushed 2026-11-07 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_4scqvl2ddagxjvuw GET https://markdownregistry.com/api/v1/resolve?ref=dcouple/pane/ui-mockup GET https://markdownregistry.com/api/v1/blob/a1ccae8cd1daf68e04c69811c545dc83eb281ef92cddbacf2c24b552df5aa68c
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.