reference-design-contract

Turns your design ideas and reference images into a written design guide for consistent handoff.

Installation
Run `npx skills add "https://github.com/nexu-io/open-design" --skill "reference-design-contract"` to install this skill, then follow its SKILL.md instructions for my next request.

Paste this into Claude Code, Cursor, or any agent that can run commands.

What this skill does
What it does: - Takes vague design ideas, screenshots, URLs, or style references and turns them into a clear written design guide called DESIGN.md - Creates a design contract document that explains what decisions were made and why - Produces an implementation handoff document with step-by-step instructions for building the design - Optionally creates an example HTML file showing what the design looks like When to use it: - Before you start designing a website, app, or product when you have style inspiration but no clear direction - When you want to capture design rules so the same look can be used again and again - When you need to hand off design work to someone else and want them to understand your vision without guessing - For redesigns, presentations, or image projects where you need a reusable visual direction instead of a one-time prompt

The full skill text could not be loaded right now. It installs fine with the command above, or read it at the source.

Mirrored from the author's public source. Install counts from the open skills registry.

The systems behind these skills get built for partners every week.

Partner with us