What problem does it solve? Teams building playful, hand-drawn interfaces often lack consistent rules for applying sketch-like styling, leading to inconsistent spacing, low-contrast text, and ad-hoc component states. This Skill turns the Doodle style's tokens and foundations into concrete, testable design-system guidance. ## Core Features & Use Cases - Token-anchored guidance: Produces rules grounded in Doodle's color palette (#49B6E5 primary, #263D5B secondary), Delius Swash Caps typography, and 4/8/12/16/24/32 spacing scale. - Component-level rules: Defines anatomy, variants, and states (default, hover, focus-visible, active, disabled, loading, error) with keyboard, pointer, and touch behavior. - Accessibility acceptance criteria: Enforces WCAG 2.2 AA with testable requirements, anti-patterns, and a QA checklist for code review. - Use Case: Ask for button guidelines and receive a complete spec covering token usage, interaction states, responsive behavior, and migration notes for inconsistent existing UI. ## Quick Start Generate Doodle design-system guidelines for form input components including states, accessibility criteria, and anti-patterns.
