shadcn
bergside
Get implementation-ready Shadcn design guidance.
Design systems
UI/UX & product design skills for AI agents
How software should look, feel and behave for the people using it. Frontend design Skills give an interface a distinctive look and turn designs into code; design system Skills keep components consistent; UX Skills plan user research, review flows for friction and check accessibility.
Sort by
Most installed
788 Skills
Showing Skills in UI/UX & product design.- 1.6k
- 1.6k
claude
bergside
Turn Claude's visual style into actionable design rules.
Design systems
1.6kcinematic-scroll-storytelling
mengtoTurn your landing page into a story that unfolds on scroll.
Frontend design
1.6kreference-design-contract
nexu-io
Turn your references into a buildable visual direction.
Visual design
- 1.6k
sketch
bergside
Turn a hand-drawn look into practical UI guidelines.
UI design
1.6ktailwind-design-system
sickn33
Consistent components, responsive layouts, and theme tokens.
Frontend design
- 1.6k
image-to-code
nexu-io
Build a website from fresh visual references.
Frontend design
- 1.6k
codex
bergside
Clear UI rules, from tokens to accessibility checks.
Design systems
1.6kfrontend-design
customware-ai
Build airy, brand-aware interfaces without generic UI.
Frontend design
1.6kui-designer
daymade
Turn your UI references into consistent, working designs.
UI design
- 1.6k
minimalist-ui
nexu-io
Editorial interfaces with quiet color and crisp type.
Frontend design
1.6kmotion-system
owl-listener
Consistent motion across your product.
Interaction design
- 1.6k
terracotta
bergside
Practical design rules for warm, readable editorial interfaces.
Design systems
- 1.6k
fiction
bergside
Turn storybook style into practical interface rules.
Design systems
1.6kaccessible-animation
iart-ai
Reduce motion without losing useful visual cues.
Web accessibility
- 1.6k
matrix
bergside
Turn a dark terminal aesthetic into practical design rules.
Design systems
- 1.6k
riso
bergside
Turn a playful print aesthetic into practical UI rules.
Design systems
- 1.6k
design-taste-frontend-v1
nexu-io
Distinctive frontends with deliberate typography and motion.
Frontend design
- 1.6k
imagegen-frontend-web
nexu-io
Website design references, one image per section.
Web design
- 1.5k
landing-page
mengtoTurn one offer into a focused landing page.
Landing page design
1.5k21st-ai
21st-dev
Explore UI drafts, then rebuild your favorite.
UI design
2A- 1.5k
flat
bergside
Turn flat-design intent into implementation-ready rules.
Design systems
1.5ksite-specification
cline
Turn your website idea into a clear design brief.
Web design
- 1.5k
form-design
owl-listener
Clearer forms, fewer errors, and smoother completion.
Form design
It can produce a solid first design and code for it. Design Skills work best with your direction: who the users are, what tone you want and examples you like.
A shared set of components, colours, type and spacing rules that every screen uses. Design system Skills create one or keep new work consistent with yours.
Yes. Web accessibility Skills review contrast, keyboard navigation and screen reader support and suggest fixes.