Skills for Design Engineers
AI summary: A curated collection of advanced UI components and micro-interactions built with modern web technologies.
TypeScriptMITCreated Jan 7, 2026Last push 4d agoLatest release v0.2.3+301 stars this week+1.3K this month
Permissive license
MIT
Repeat trending
3 trending appearances
UI Skills is a repository showcasing highly polished, complex user interface components and micro-interactions. It serves as both a portfolio of advanced frontend techniques and a copy-paste resource for developers looking to elevate their web applications. The components heavily utilize modern CSS features (like Grid, custom properties, and advanced animations) alongside frameworks like React and Framer Motion to create fluid, highly tactile user experiences. The project emphasizes accessibility, performance, and pixel-perfect design, demonstrating how to bridge the gap between static design mockups and fully interactive web elements.
Frontend developers, UI/UX designers, and creative technologists looking to implement or study high-fidelity, interactive web components.
Frontend engineers copy the advanced animation components directly into their SaaS dashboards to quickly improve the visual quality of the application.
UI designers browse the interactive examples to discover what is technically feasible with modern web technologies when designing new features.
Junior developers study the source code to learn how to properly orchestrate complex Framer Motion animations and advanced CSS techniques.
Product teams use the library to rapidly add high-fidelity polish to prototypes before presenting them to stakeholders or investors.
Getting started: npm install && npm run dev
Skills for Design Engineers.
More on ui-skills.com
Browse and fetch skills from your terminal.
npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion
npx ui-skills get baseline-uiConnect agents to the registry over Model Context Protocol.
https://www.ui-skills.com/mcp
Tools: list_skills, get_skill
Distilled UI lessons from the best design engineering skills.
Licensed under the MIT license.
ibelick committed dc7ab32 · 6d ago
ibelick committed ee4596c · 6d ago
#80 by ibelick · updated 6d ago
cursoragent committed fe9ff23 · 6d ago
cursoragent committed 2a4d918 · 6d ago
cursoragent committed 6fdbba3 · 6d ago
cursoragent committed a77d3e6 · 7d ago
#79 by ibelick · updated 8d ago
ibelick committed f9515cb · 8d ago
cursoragent committed 9a1029c · 8d ago
ibelick committed fd0889b · 12d ago
ibelick committed 0f76ce3 · 12d ago
#35 · 2mo ago · by tmtony98 · 1 comments
#22 · 3mo ago · by kerry-okpere · 2 comments
Fixed a Windows CLI crash in npx ui-skills start by converting the tsx loader path to a file:// URL.
v0.2.2 Ships the new `ui-skills` CLI and restores `npx ui-skills` for fresh installs.
## What's Changed * feat: add registry by @ibelick in https://github.com/ibelick/ui-skills/pull/7 **Full Changelog**: https://github.com/ibelick/ui-skills/compare/v0.1.4...v0.1.5
**Full Changelog**: https://github.com/ibelick/ui-skills/compare/v0.1.2...v0.1.3
## What's Changed * feat: add skills by @ibelick in https://github.com/ibelick/ui-skills/pull/6 **Full Changelog**: https://github.com/ibelick/ui-skills/compare/v0.1.0...v0.1.2
395 commits in total over the last year.
| Date | List | Rank | Stars gained |
|---|---|---|---|
| Jul 21, 2026 | daily | #20 | +3 |
| Jul 19, 2026 | daily | #11 | +6 |
| Jul 18, 2026 | daily | #20 | +3 |
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
456.7K stars · TypeScript
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
391.3K stars · TypeScript
An agentic skills framework & software development methodology that works.
295.2K stars · Shell
The open source coding agent.
211.7K stars · TypeScript
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
206.7K stars · TypeScript
Visual Studio Code
193.5K stars · TypeScript