v2.2.0 — Named Motion System + Showcase
StyleSeed grew from a static design system into a full design engine with a named motion language and a live showcase. This release collects everything since v2.1.1.
✨ Named Motion System
- 5 personality seeds (Spring / Silk / Snap / Float / Pulse) × 5 contexts — spreadable framer-motion recipes
- 20+ keyword moves —
tilt-3d,magnetic,glow-pulse,gradient-sweep,blob-morph,spotlight,toggle-flip,reveal-blur,confetti-pop, and more - New
/ss-motionskill — say a seed or a keyword, get the exact recipe - One source of truth (
engine/motion/library.ts) shared by the skill and the gallery
🖼️ Live galleries & showcase
- /motion — preview + copy every move
- /motion/guide — vibe-code your own motion (composition patterns + prompts)
- /interactions — toast, bottom sheet, swipe-to-delete, segmented control, like-burst…
- 11 reference builds (added food-delivery, fitness, music B2C apps) — toggle skin × motion live in the browser
🎨 Skins
- Now 7 brand skins (added Raycast, Arc) + 58 via awesome-design-md
🧭 Positioning & docs
- Reframed as a design engine — "teaches judgment, not just data"
- SEO/GEO: per-page metadata, JSON-LD, sitemap, robots (AI crawlers welcome),
llms.txt - Safer updates — UPDATE.md +
/ss-updatenow make clear that updates are additive & reversible
🩹 Fixes
- SKILL.md frontmatter is now valid YAML → all 14 skills are discoverable via
npx skills/ agentskill.sh - Reconciled doc counts (48 components · 7 skins · 14 skills · 20+ moves) and repaired broken links
- Corrected the wiki (real
/ss-*skill names, working install paths) — fixes #1
Try it: https://styleseed-demo.vercel.app · ⭐ a star helps more people (and AI tools) find it!