| name | inspiration-to-prompt |
| license | Apache-2.0 |
| description | Turns a design from an inspiration gallery (link or screenshot: Dribbble, Awwwards, recent.design, etc.) into a natural-language Design_Brief that captures style, layout, and patterns as INSPIRATION, not a 1:1 copy. Use when someone wants to build something new in a reference style, for example "make something in the style of this Dribbble shot" or "build a landing page inspired by this". Feeds the brief into generate-and-verify with inspiration_only true. |
| compatibility | Requires a vision-capable agent that can view the inspiration source (link or screenshot). |
| metadata | {"author":"mihneaptu","version":"0.1.0-beta.6"} |
inspiration-to-prompt
Turn an inspiration design into a Design_Brief that captures its style and patterns, so the
code author can build something new inspired by it, not a clone.
Requirements
Must be able to view the inspiration source (open the link or read the screenshot).
If not, say so and stop.
Why this matters: inspiration, not copying
Someone else's design is their copyrighted work. Reproducing it 1:1 is not the goal. Extract
visual direction, layout rhythm, color relationships, and typographic feel; then recombine.
Do not copy logos, brand names, brand copy, or proprietary images. Always mark
inspiration_only: true.
See references/inspiration-guidelines.md.
Steps
- Study the inspiration source. For any region whose text or detail is too small to read,
zoom into or crop that region and look again before writing it down.
- Write a
Design_Brief in labeled sections following
../_shared/design-brief-format.md. Capture the
source's motion/mood/tactility as direction to reinterpret, not pixels to copy.
- For lists or repeated rows whose items differ, enumerate per-item attributes
individually, same rule as
image-to-prompt.
- Reinterpret rather than reproduce. Plain design language only, never code.
- Recommend a
target_stack (simple → HTML/CSS; complex/interactive → React+Tailwind).
If the user named a stack, use theirs.
Output
A complete Design_Brief with source_type: inspiration and inspiration_only: true. Hand
it to generate-and-verify.
Handoff gate: run every check in
../_shared/handoff-gates.md before handing off, including
the inspiration-only gate (placeholder copy, no source brand assets).
If the source cannot be read
If the link or screenshot is missing, unreadable, or unsupported, report that clearly and stop.
