AGENT SKILL

define

Creates mutable design material from a brief, visual reference, stylesheet, or existing rendered code. Use when the user wants to extract tokens, establish a draft direction, or build a design-system draft without freezing it.

适用职业设计师
使用场景视觉设计
License 许可
MIT
最近更新
2026-11-11
Stars
★ 1
Forks
0

01 前言 Front Matter

name
define
tags
[ "design-system", "ui", "contract", "extraction", "components", "tokens" ]
author
François-Xavier Guillois
version
2.15.1
description
Creates mutable design material from a brief, visual reference, stylesheet, or existing rendered code. Use when the user wants to extract tokens, establish a draft direction, or build a design-system draft without freezing it.
permissions
[ "files", "bash" ]
vibe_version
>=1.0.0

02 资源文件 11

03 SKILL.md 正文

Define

flowchart LR
  source([brief, visual, CSS, or rendered code]) --> intake
  intake -->|reference or code| extract --> write-material --> done([draft])
  intake -->|brief only| construct --> write-material
  source -->|measured multi-page reference| copycat-fanout --> write-material

Read only the next action in the selected path.

Action Does
intake classify the supplied source
extract extract design evidence from a reference or rendered code
construct construct design material from a written brief
write-material write mutable tokens and a draft charter
copycat-fanout reconcile a measured multi-page reference

Routing

  • "create or extract design material from this source" → intake
  • "write this already prepared mutable token set" → write-material
  • "reconcile this measured multi-page reference" → copycat-fanout

Transversal rules

  • Resolve the plugin root and subagent behavior using host-portability.md.
  • Stop after producing mutable material; never freeze a contract, install gates, or render components.
  • Treat existing rendered code as extraction evidence, not as a reason to run a complete lifecycle.
  • Write no contract root or generated adapter from this capability.
  • Present the palette, typography, and icon set before expanding the complete token set, then continue unless the user objects.

04 同仓库更多 Skills