Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

kylezantos/design-engineer-auditor-package

1 skill · 4.3k installs · 889 stars · GitHub

Install

npx skills add https://github.com/kylezantos/design-engineer-auditor-package

Skills in this repo

1Design Motion Principlesdesign-motion-principles is a design-engineer skill from kylezantos/design-engineer-auditor-package that applies motion guidance from Emil Kowalski, Jakub Krehel, and Jhey Tompkins in two modes: build interactive components with intentional animation, or audit existing motion to flag AI-slop patterns. Audit mode emits a branded HTML report with looping demos; build mode weights per-designer perspectives for transitions, hover states, enter/exit animations, and micro-interactions across React, Framer Motion, CSS, and HTML. Developers reach for it when motion feels generic, over-animated, or mis-timed and they want expert-framed fixes rather than arbitrary easing tweaks.4.3kinstalls
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

kylezantos/design-engineer-auditor-package · 1 skills · Skillselion