forked from bchanot/claude
feat(skills): add design-motion-principles from kylezantos
Motion/animation design skill with 3-designer lens (Emil Kowalski, Jakub Krehel, Jhey Tompkins). Two modes: Create and Audit. Complements frontend-design (broad) with deep motion expertise. Integration points: - skills-external/design-motion-principles/ — skill files + references - link.sh EXTERNAL_SKILLS — symlink to ~/.claude/skills/ - install-plugins.sh step 8c — presence check - update-all.sh step 7.2 — sync from GitHub - profiles: design, full, web, web-full — listed as external - plugin-advisor — decision table, recommended sets, conditional rules - design-gate — symlink check + non-blocking warning if missing Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.6
parent
6b55a3aaf6
commit
469c807c10
@@ -217,10 +217,10 @@ findings before producing recommendations:
|
||||
|
||||
| Signal | Enable / Use | Disable / Skip | Notes |
|
||||
|---|---|---|---|
|
||||
| `frontend` | ui-ux-pro-max, frontend-design | — | UI design and polish. frontend-design = Anthropic's anti-AI-slop design skill (external, symlinked) |
|
||||
| `frontend` | ui-ux-pro-max, frontend-design, design-motion-principles | — | UI design + polish + motion. frontend-design = anti-AI-slop, design-motion-principles = motion/animation (both external, symlinked) |
|
||||
| `mobile` (React Native/Expo/Flutter) | — | gstack (no browser QA), Docker N/A | ui-ux-pro-max optional |
|
||||
| `monorepo` | per-package plugin recommendations | avoid recommending gstack for whole repo if only one package has browser QA | Specify which plugin applies to which package |
|
||||
| `design-system` | ui-ux-pro-max, frontend-design | — | Design tokens, theme, Storybook |
|
||||
| `design-system` | ui-ux-pro-max, frontend-design, design-motion-principles | — | Design tokens, theme, Storybook, motion |
|
||||
| `deploy` + `browser-qa` | gstack | — | Full-product workflow |
|
||||
| `multi-session` | gsd v2 CLI | — | Run `gsd` in terminal, not CC plugin |
|
||||
| `fast-libs` | context7 | — | Doc freshness critical |
|
||||
@@ -271,12 +271,12 @@ When the plugin-advisor detects a `simple` or `hotfix` signal, suggest the appro
|
||||
| Project type | Plugins ON | OFF | Passive cost |
|
||||
|---|---|---|---|
|
||||
| Backend API / microservice | superpowers, context7 (if fast libs) | ui-ux-pro-max, gstack | ~800t |
|
||||
| Frontend SPA / SSR | superpowers, ui-ux-pro-max, frontend-design, context7 | gstack | ~1400t |
|
||||
| Full-stack SaaS | superpowers, gstack, ui-ux-pro-max, frontend-design, context7 | — | ~4200t |
|
||||
| Frontend SPA / SSR | superpowers, ui-ux-pro-max, frontend-design, design-motion-principles, context7 | gstack | ~1400t |
|
||||
| Full-stack SaaS | superpowers, gstack, ui-ux-pro-max, frontend-design, design-motion-principles, context7 | — | ~4200t |
|
||||
| CLI tool / library | superpowers | all toggles | ~800t |
|
||||
| Multi-session large feature | superpowers + gsd v2 CLI (external) | — | ~800t CC |
|
||||
| Quick fix / hotfix | superpowers | all toggles | ~800t |
|
||||
| Design system / component lib | superpowers, ui-ux-pro-max, frontend-design | gstack, gsd | ~1200t |
|
||||
| Design system / component lib | superpowers, ui-ux-pro-max, frontend-design, design-motion-principles | gstack, gsd | ~1200t |
|
||||
| Fast-evolving libs (Next.js etc.) | superpowers, context7 | — | ~1000t |
|
||||
| Enterprise multi-agent orchestration | superpowers + gsd v2 (external) | plugin-dev | ~800t CC |
|
||||
|
||||
@@ -300,6 +300,7 @@ RULE: IF "monorepo" signal detected:
|
||||
RULE: IF "frontend" signal OR .tsx/.jsx count > 0:
|
||||
→ ui-ux-pro-max ON if "design-system" signal (~400t)
|
||||
→ frontend-design ON (external skill, 0t passive — symlink at ~/.claude/skills/frontend-design)
|
||||
→ design-motion-principles ON if anim-lib-installed or description mentions animation/motion (external, 0t passive)
|
||||
|
||||
RULE: IF "deploy" AND "browser-qa" signals:
|
||||
→ gstack ON (~2750t) — full-product workflow
|
||||
@@ -340,7 +341,8 @@ RULE: IF `browser-qa` signal (e2e tests, Playwright/Cypress/Puppeteer in deps):
|
||||
RULE: IF `design-system` signal (tokens, theme files, Storybook present):
|
||||
→ ui-ux-pro-max ON (~400t)
|
||||
→ frontend-design ON (external skill, 0t passive)
|
||||
→ WARN if both OFF with this signal: significant design gap
|
||||
→ design-motion-principles ON (external skill, 0t passive)
|
||||
→ WARN if all three OFF with this signal: significant design gap
|
||||
|
||||
RULE: IF `complex-arch` signal (multiple services, event bus, distributed system):
|
||||
→ gsd v2 CLI recommended for multi-session coordination
|
||||
|
||||
Reference in New Issue
Block a user