{"id":77643,"plugin_id":"plugins_6ae8cc5ee77c81918ab31ed7701a28de","kind":"skill","collection_source":"plugin_package","comparison_source":null,"observed_at":"2026-11-03T00:15:27.074Z","digest":"a0b71344b58da01c6d0120458d8797679116b00050ff5d14d36412fa0e2a6a77","against":null,"payload":{"description":"Create or adapt a consistent, accessible design system for a web, PWA, iOS/macOS or Android app, including tokens, components, typography, spacing and interaction states.","included_files":[],"name":"create-design-system","skill_md_contents":"---\nname: create-design-system\ndescription: Create or adapt a consistent, accessible design system for a web, PWA, iOS/macOS or Android app, including tokens, components, typography, spacing and interaction states.\n---\n\n# Create Design System\n\n1. Review the existing project's design tokens/components first; preserve its recognizable identity unless redesign is requested.\n2. Read `../../references/design-quality.md` and the relevant platform guide: `../../references/web-and-pwa.md`, `../../references/apple-native.md`, or `../../references/android-native.md`.\n3. Define semantic color tokens, typography roles, spacing scale, elevation/borders, radius, icon rules, motion duration/easing, responsive breakpoints or adaptive size classes. Design for content and task, not a single fashionable template.\n4. List component states (rest, hover where relevant, pressed, focus, disabled, loading, selected, error, success), light/dark and reduced-motion variants.\n5. Implement shared components and tokens rather than repeating hardcoded style fragments. Include examples and usage constraints.\n6. Verify contrast/focus, touch target sizing, screen-reader labeling, dynamic content, localization and long text. Follow native platform systems when building native apps.\n7. Provide code artifacts and before/after screenshots when implementation tools exist; otherwise a design token/spec file and explicit limits.\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}