Skip to content
Agentmart
Submit a tool

generating-design-references

Generate and critique a design-reference image when no existing visual precedent fits.

Skill by Tom-R-Main

IndexedMIT★ 1
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/tom-r-main-generating-design-references

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Generate and critique a design-reference image when no existing visual precedent fits. Use only when an approved image-generation tool or user-configured generator is available; the result is a reasoning scaffold rather than a deliverable or fidelity target.

Use cases: design

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found
Runs as
Shell scripts

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/generating-design-references

What's inside

Skill name
generating-design-references
Description
Generate and critique a design-reference image when no existing visual precedent fits. Use only when an approved image-generation tool or user-configured generator is available; the result is a reasoning scaffold rather than a deliverable or fidelity target.
License
MIT
Instructions
37 lines in SKILL.md · view on GitHub

Before installing

  • Ships executable scripts

Files (2)

  • SKILL.md
  • design-reference.sh

SKILL.md (first lines)

# Generating design references

Create a concrete visual anchor to think against when a blank-page interface decision cannot be grounded in an existing reference. Installing this skill does not supply image generation, provider authentication, or a cost-free route.

## Ground before generating

1. Search [searching-design-corpus](../searching-design-corpus/SKILL.md) when a corpus is configured and inspect the project's existing UI and user-supplied references.
2. Record why available precedents do not fit. Missing corpus access is a limitation, not evidence that no precedent exists.
3. Generate only when a concrete image will resolve a meaningful design uncertainty. Do not substitute repeated generation for building and exercising the interface.

## Capability preflight

Prefer the active host's exposed image tool and follow its runtime skill. Confirm generation is available, the user's scope permits it, and any paid provider invocation is authorized. Do not assume a local subscription transfers to cloud, inspect credentials, install a provider, or claim there is no API cost.

When no native tool is exposed, a user may configure `DESIGN_REFERENCE_BIN` to an absolute trusted executable implementing:

```text
<generator> --description <text> --output <absolute PNG path>
```

The external generator must use opaque configured runtime credentials, honor the exact output path, and exit nonzero on failure. It is not bundled. The adapter below only invokes that configured executable and verifies the saved file's PNG signature; it supplies no model or authentication.

Resolve `SKILL_DIR` from this loaded file. Choose a new output path in the authorized task scratch area:

```bash
"$SKILL_DIR/design-reference.sh" "<what to depict, with style cues>" "$RUN_DIR/reference.png"
```

The adapter refuses an existing destination, never scans global image directories, and reports the exact output file. On an uncertain dispatch, inspect the requested file and provider status before retrying.

## View, critique, and verify

Open the actual saved image with the host's image-viewing tool. Generation without viewing is not design evidence. Critique hierarchy, spacing, type, components, accessibility, and fit to the product and acceptance criteria. Record what to use and reject.

Generated images remain reasoning scaffolds; user-supplied references may be fidelity targets. Never ship a generated mockup as the working interface or treat it as proof of behavior. In a supervised workflow, only the trusted monitor generates, views, critiques, and supplies the image. Writers may inspect the supplied copy but must not invoke the generator. Verify the resulting implementation on its actual surface.

From Tom-R-Main/siftable-skills, MIT.

More from Tom-R-Main/siftable-skills

Signals

Stars
1
Forks
0
Open issues
0
Last commit (this folder)
Oct 12, 2026 (16 days ago)
Last release
Aug 14, 2026 (2 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

More from Tom-R-Main

Cite this page

generating-design-references skill. Agent Mart. https://agentmart.dev/skills/tom-r-main-generating-design-references (last updated 2026-10-24)