OM Figma Design with DS

Add skill

Design in a design tool (Figma or similar) on the repository's design system — write a brief for a new screen using only the contract's tokens, components and archetypes, or audit an existing design against the contract with a ranked remediation plan. Tool access goes through a configured provider. Use for "figma mockup", "audit this figma design".

Permissions

Files

SKILL.md

om-figma-design-with-ds

Design with the design system

Bridge a product idea, or an existing design file, and the repository's design system, so that what gets drawn can be built without drift. Every token, component, layout, and state this skill names comes from the repository's design contract (.uxproof/, written by om-ux-setup, including layers imported from a design system a dependency ships) — never from memory and never from a built-in palette.

Input — a screen to design, or a design-file reference (a link, a frame id, or an attached screenshot or export) to audit. — one of: a self-contained design brief, an audit with a remediation plan, or a ready-to-paste prompt for another design-capable agent; optionally, provider operations applied to the design file when the user explicitly asks.

6 files · 25 KB7 KB

Version history

Mode	When	Output
Brief (default)	A new screen: list, detail, create, settings, dashboard, wizard, dialog, empty or error state	a brief a designer or design agent can draw from without seeing the code
Audit	An existing design should conform to the design system	summary, ranked violations, remediation plan, optional provider operations
Prompt	The user wants to run Brief or Audit in another tool or session	one self-contained prompt with the contract digest embedded and placeholders left intact

OM Figma Design with DS

Design with the design system

Modes

Arguments

Workflow

Rules

Security boundaries