uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteWorkflowsWebFree
4.5Visit
Website
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is UI Skills?
UI Skills is a curated collection of design-engineering skills for building better interfaces. Each skill covers a focused area of frontend craft — accessibility, motion, typography, layout, components and interface quality — with practical examples and patterns designers and developers can apply directly.
Pros
- Focused, practical skills for design-engineering craft
- Covers accessibility, motion and interface quality in one place
- Free and open for the community to use
Cons
- Skills are curated guides, not interactive tools
- Best for readers already comfortable with frontend concepts
- May not cover every framework's specific implementation
Who should use UI Skills
Frontend developers and designers who want to level up their UI craft through focused, curated skills.
Who may not need it
Users looking for a drag-and-drop design tool or full design-system generator.
UI Skills alternatives
Similar resources to UI Skills, picked from the directory.
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Shortcuts.design
Every keyboard shortcut for designers, centralised and searchable.
WebsitePersonal ProductivityWebFree
4.7Visit
Detail
Where craft lives — a curated reference of small design decisions that shape better interfaces.
WebsiteWorkflowsWebFree
4.5Visit
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
The Art of Command Line
Master the command line, in one page.
CourseLearningWeb, macOSFree
4.9Visit
Free alternatives to UI Skills
Free resources that cover similar ground.
navi
An interactive cheatsheet tool for the command-line.
Desktop AppPersonal ProductivitymacOS, WindowsFree
4.8Visit
Awesome Machine Learning
A curated list of awesome machine learning frameworks, libraries and software.
WebsiteLearningWebFree
4.7Visit
How Senior Engineers Actually Build With AI in 2026
The working habits behind AI-assisted engineering that ships.
YouTube VideoAI ProductivityWeb, Cross-PlatformFree
4.7Visit
Colors Visualizer
Preview color palettes on real designs — websites, mobile apps, branding, illustrations and more.
WebsitePersonal ProductivityWebFree
4.6Visit
Deck.gallery
Beautifully designed presentation decks, curated for design quality.
WebsiteLearningWebFree
4.6Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Featured on Best Productivity Resources
Made UI Skills? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/ui-skills" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>