11개의 크래프트 원칙..
브랜드 무관 크래프트 규칙——접근성, RTL, 모션 이징, 사진 윤리. 스킬은 `od.craft.requires`로 opt-in하며 플러그인이 적절한 엄밀함을 자동 계승합니다.
- 01 Accessibility baseline Universal rules for the legal floor of accessibility plus the craft commitments that go beyond it. The active DESIGN.md decides brand appearance; this file decides which rules an artifact has to clear before it ships.
- 02 Animation discipline Universal rules for when motion earns its place in a UI and what numbers constrain it. The active DESIGN.md decides brand-specific motion personality; this file decides whether motion should run at all and at what duration, easing, and accessibility floor.
- 03 Anti-AI-slop rules Concrete, checkable rules that distinguish "designed by a human who has shipped product" from "default LLM output." Several rules below are auto-enforced by the daemon's lint-artifact linter — failing an enforced rule is not a style preference, it is a regression. The rest are guidance for agents and reviewers and are flagged inline as "(guidance, not auto-checked)" so the contract with the linter stays honest.
- 04 Editorial typography hierarchy Extends typography.md + typography-hierarchy.md. Defines hierarchy behavior for editorial surfaces: long-form articles, magazine layouts, digital guides, editorial landing pages, and blog posts.
- 05 Form validation Universal rules for form validation lifecycle, error wiring beyond the accessibility baseline, and the schema-as-contract layer that makes the same validation work on the server and the client. The active DESIGN.md decides how the field looks; this file decides when the field tells the user it's wrong, how the error reaches assistive tech, and where the rule lives.
- 06 Laws of UX Universal cognitive, perceptual, and behavioral heuristics that decide what a UI composes — how many pricing tiers fit on a screen, where a primary action anchors in scanning order, when a progress indicator earns its place, why a settings list needs grouping. The active DESIGN.md decides brand visual language; the existing craft files decide rendering rules (color, typography, motion, states, ARIA, RTL, forms); this file decides composition rules grounded in named research.
- 07 RTL 및 양방향 텍스트 크래프트 규칙 RTL 및 양방향 텍스트의 실행 기준을 정의해 에이전트가 일관되고 읽기 쉬운 artifact를 만들도록 돕습니다.
- 08 State coverage Universal rules for what every interactive surface must render. The active DESIGN.md decides how each state looks; this file decides which states must exist and what they must contain. The single most reliable AI-design failure is shipping only the populated state.
- 09 Typography hierarchy Shared hierarchy contracts that layer on top of typography.md. This file does not repeat scale ranges or tracking values — those live in typography.md. This file defines how hierarchy behaves: entry points, rhythm, tension, and the conditions under which controlled violations are allowed. This contract applies per-surface (a page with multiple pacing resets may establish new primaries at intentional intervals), not globally.
- 10 색상 크래프트 규칙 색상의 실행 기준을 정의해 에이전트가 일관되고 읽기 쉬운 artifact를 만들도록 돕습니다.
- 11 타이포그래피 크래프트 규칙 타이포그래피의 실행 기준을 정의해 에이전트가 일관되고 읽기 쉬운 artifact를 만들도록 돕습니다.