UX/UI Agent Skills
Design-system skills that help Claude produce accessible, consistent UI work.
Resource type: Template
15 picks. Every curated template in the productivity directory, hand-picked and kept up to date.
Updated
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
Category
Pricing
Platform
15 resources
Design-system skills that help Claude produce accessible, consistent UI work.
Design guidance for AI coding agents: one skill, 24 commands and automatic checks for generic AI design.
AI-powered personal knowledge assistant in a folder, built on the ICOR method.
17 free skills that help Claude and Codex write, research and analyse social media in your voice.
Starter kits and demos for running agent harnesses like Codex and Claude Code as your product backend.
A single-file React UI kit for AI products, built on shadcn/ui.
Over 500 animated SVG icons for React, installed one command at a time.
Dial in interface parameters, springs and animations live while you build.
An animated number component for React, Vue, Svelte and JavaScript.
Zero-dependency canvas shaders you can install from npm or design in Paper.
43 film styles as reusable prompts, each with a short film made entirely in code by Claude Opus 5.5.
A UI library built from real products.
Free, MIT-licensed animated React components and landing templates.
A premium Figma UI kit and design system for SaaS products.
A ready-made PARA workspace for Notion.
Counted from the listings on this page.
Browse the directory by another type.