New Ods UI Builder | Agent Skills Atlas

About this skill

Figma 디자인을 번들된 ODS 디자인 시스템(design-tokens.js + icons.js + ods-components-index.json) 자산으로 실제 DOM/CSS/JS 기반 HTML 프로토타입을 빌드하고, pixel-diff로 픽셀 단위 정확도를 검증한다. 43개 ODS 컴포넌트 전수 사용법은 references/components.md 참조. 사용자가 "Figma로 프로토타입", "ODS로 정확히 그려줘", "토큰·아이콘·컴포넌트 써서 빌드", "pixel-diff로 검증" 같은 요청을 할 때 트리거.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Unavailable

HTTP 404

About scan coverage and limitations

Original listing metadata

Original name

new-ods-ui-builder

Original description

About this listing

Category: General
Reported license: Not specified
Listing language (estimated): Korean
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.