A 4-skill bundle for AI coding agents: extract-design-system + design-system-patterns + awesome-design-systems + animated-landing-workflow. Senior-level frontend knowledge from token extraction to Awwwards-caliber animated landings with Claude Design.
pato-gonzalez/design-system-stack
Skill Claude CodeCodex
Applied workflow skill for producing Awwwards-caliber animated landing pages using Claude Design as the orchestrator, with motionsites.ai (animated backgrounds), higgsfield.io or Kling 3 (AI animation generation), Dribbble (component inspiration), shots.so (animation showcase/video edit), and land-book (landing page…
pato-gonzalez/design-system-stack
Skill Claude CodeCodex
Curated catalog of 185 publicly documented design systems (Material, Carbon, Polaris, Fluent, GOV.UK, Atlassian, Salesforce Lightning, Chakra, Mantine, shadcn/ui, Radix, etc.) indexed by feature flags — Components, Voice & Tone, Designers Kit, Source code. Use when researching design-system precedents, benchmarking a…