Playful Design

All-in-one design skill

Playful Design Router includes 40+ skills from top designers.

npx skills add playful-design/router

Skills include

Emil KowalskiDesign engineering, 16 skills
npx skills add emilkowalski/skills
  • emil-design-engThe default taste layer for interface work, mostly motion with some design advice.
  • animateAdding a new transition or making a component feel alive on the web.
  • animate-expoMotion and gestures in Expo apps.
  • review-animationsA tough second opinion on motion before it ships.Runs only when you type /review-animations
  • improve-animationsA roadmap of animation fixes across a whole app.
  • find-animation-opportunities"Make this feel more alive" without over-animating.
  • remove-animationsApps that feel slow or over-animated.
  • animation-performanceJanky animations, especially blur, filters and React re-renders.
  • animation-vocabulary"What's it called when..." so you can prompt for it precisely.
  • apple-designGesture-driven UI, springs, sheets, materials and typography.
  • mobile-nativeWeb apps people use on their phones.
  • break-uiStress-testing a screen before real users do.
  • pick-ui-libraryChoosing dependencies for common UI problems.Runs only when you type /pick-ui-library
  • prototypeComparing directions in place, with a switcher.Runs only when you type /prototypeNot in the bundle: it shares a name with Raphael's prototype.
  • ask-sonnerAnything involving Sonner toasts.
  • write-swiftNative iOS and macOS code.
Raphael SalajaInterface principles and procedures, 25 skills
npx skills add raphaelsalaja/skills
  • scopeEvery edit. Stops an agent from 'improving' things you didn't ask about.
  • restraintKeeping changes small and reviewable.
  • reuseCodebases with a design system you want respected.
  • copyButtons, menus, empty states and settings copy.
  • proseCase studies, launch posts and design write-ups.
  • defaultsNew screens that should feel finished from the first pass.
  • motionAny transition or micro-interaction. Keeps motion quick and respects reduced motion.
  • colorThemes, tokens and dark mode.
  • gatherThe very start of a design, before any code.
  • match"Make it like this site" requests.
  • prototypeOpen-ended directions where you want options, not one guess.Runs only when you type /prototype
  • labAuditing a component library or design system.Runs only when you type /lab
  • avatarMascots, loading characters and playful empty states.Runs only when you type /avatar
  • deconstructLearning how a great interaction is built before recreating it.Runs only when you type /deconstruct
  • iconsFilling gaps in an icon set without it looking off.
  • sketchbookA habit of small interaction experiments.Runs only when you type /sketchbook
  • verifyAfter every UI change. A passing build is not proof.
  • viewportsResponsive layouts and mobile polish.
  • alignmentThe last 2% of polish.Runs only when you type /alignment
  • keyboardAccessibility checks on dialogs, menus and forms.Runs only when you type /keyboard
  • framesJanky scrolling, slow input and heavy animations.Runs only when you type /frames
  • ruleStopping the same mistake from coming back.
  • auditA full design review before a release.Runs only when you type /audit
  • shipReleasing, and only when you say so.Runs only when you type /ship
  • botsA portfolio page for Grok Bots you've made.Runs only when you type /bots
Benji TaylorStageshow, 1 skill
npx skills add benjitaylor/skills --skill stageshow
  • stageshowHero and feature-card illustrations, product demo animations, anything that needs a believable fake interface.
VercelWeb Interface Guidelines, 1 skill
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
  • web-design-guidelinesA final review pass on any interface change. Skip its Vercel-specific copy rules if they don't fit your brand.
StewdioBlank Page, 1 skill
npx skills add StewdioAI/blank-page
  • blank-pageStarting a motion piece when you only have a one-line idea.

Sourced from each author's repo under their MIT license. DM @barofclo if you are building a skill that should be on this list.