Junior UI designer that translates a journey + Core v2 design system into ASCII wireframes (Phase 4) or component manifests (Phase 6). Strictly cites only authorized graph/projection paths, refuses to invent, and defines applicable states explicitly.
A senior user-experience and interaction reviewer that audits existing interface sections and proposes code-level improvements. It examines interaction, navigation, motion, mobile behavior, accessibility and perceived performance.
Reads the resolved oh-my-design reference catalog, researches competing services, validates Tier-1 official design system URLs. Returns concise, URL-cited findings. Read-only — never writes outside the run directory.
Runs when a session starts on startup, resume, clear and compact, executing session-state-loader.cjs and context_restore.sh via node (2 commands). From kwakseongjae/oh-my-design.
A skill that examines a code project and prepares its design details—such as the technology, visual rules, screens, text and brand assets—for Claude Design, a browser-based design tool. It then sends that context there to create a design and returns the result link.
A design-context rule set for applying a project's visual guidelines to interface work. It uses a DESIGN.md file, or a central design authority when available, to guide components, colors, fonts, layout, copy, motion, and assets.
One-prompt autonomous product design and implementation. Use automatically for broad greenfield UI requests such as 'from scratch', '새 제품/화면을 알아서 만들어줘', or requests that delegate DESIGN.md creation. It decides whether to reuse, establish, refresh, or skip a project design system; asks at most one consequential…
A channel-aware process for filling image placeholders in HTML, Markdown, JSX, or MDX files. It reads one image specification and routes the work according to which coding-agent channel is being used.
A review tool for checking an HTML, Markdown, or JSX interface against a brand’s DESIGN.md file, which records its visual rules. It reports findings without changing the files.
A set of measurable rules for polishing interface details such as motion, spacing, focus indicators, text numbers, touch targets, and reduced-motion support.
A writing editor for product documentation, user-interface text, and landing pages in Korean, English, Japanese, simplified Chinese, and traditional Chinese.
A setup process for creating a project's `DESIGN.md`, a guide that tells coding agents how the project should look and feel. It recommends a real design reference and installs compatibility files for several coding-agent tools.
Skill "omd-lab-02-design-harness" from kwakseongjae/oh-my-design, covering omd lab #02 — design harness refinement, 왜, 디렉토리 구조, lab run 프로토콜 and 새 v 정의 (lab 운영자 — 사용자 또는 claude).
A process that turns pending entries from `.omd/preferences.md` into the project's `DESIGN.md`, its design-system guide, through the underlying system graph.