ui-fork

Convert one or more UI screenshots into a reusable, implementation-oriented design system specification.

This skill is a UI Screenshot -> Design System Draft Engine. It is not for aesthetic commentary. It should compress good UI into assets that another AI, designer, or frontend engineer can continue using.

Core Contract

Always produce a structured design asset, not a loose visual review.

The output must extract the interface on five layers:

• Product Intent: page type, page goal, user task, reading path.
• Structural System: regions, hierarchy, grid, density, module grouping.
• Visual System: color, typography, spacing, radius, border, shadow, theme mapping.
• Component System: role, anatomy, reuse rule, variable parts, invariant parts.
• Continuation Contract: rules future AI-generated designs must follow.

Default output language is Chinese. Use another language only if the user asks for it.