ikadesign2

Provide the site's code, URL, or screenshots and run the extraction mode. It samples representative pages, measures computed typography, color, and spacing values, then writes the converged tokens and rules into a design.md file.

Supply brand traits, target readers, page types, and any fixed assets like fonts or colors. The Skill converts abstract adjectives into observable rules, defines concrete token values, and writes a minimal design.md covering only the pages you need.

design.md is the Skill's output document containing scope, brand rules, visual rules, usable primitives, anti-patterns, and implementation bindings. It targets under 400 lines and tags each rule as mandatory, recommended, or pending confirmation.

Yes. The generation mode reads your design.md, inspects the host project's framework and styling entry points, reuses existing tokens and components, and implements the page. It then runs a review loop with screenshots and DOM checks.

With only screenshots, the Skill records proportions, hierarchy, and visible form but cannot confirm font files, exact breakpoints, DOM structure, or interactions. Unobserved values are marked as such rather than estimated.

A browser or preview tool is preferred for render-based checks, but not mandatory. Without one, the Skill performs document and code checks only and explicitly reports the visual review as not executed.