visual-emphasis-and-hierarchy
dembrandt
Make your interface's main action stand out.
Interface design
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.- 741
- 740
button-states
dembrandt
Give your buttons clear feedback in every state.
Interface design
- 740
responsive-paradigms
dembrandt
Layouts that fit phones, tablets, and desktops.
Responsive design
- 738
wcag-accessibility
dembrandt
Make your interfaces accessible to more people.
Interface accessibility
- 737
component-family-consistency
dembrandt
Make your buttons and inputs look like a family.
UI design
737ui-ux
evondev
App screens designed before you build them.
UI/UX design
+1
736libraries-dev
jakubantalik
Add UI effects that fit what your app is doing.
Frontend design
- 736
loading-states-and-perceived-performance
dembrandt
Make slow interfaces feel faster while loading.
Frontend design
736product-design
mblode
Clear interface flows, with safeguards and recovery.
Product design
- 734
micro-interactions
dembrandt
Make interface feedback feel clear and natural.
Frontend design
- 731
generate-ui-from-brand
dembrandt
Your brand, translated into an interface design.
Interface design
728software-ui-ux-design
vasilyu1983
Interface designs ready for implementation.
UI/UX design
- 724
elevation-and-depth
dembrandt
Give cards and floating panels a clear sense of depth.
Interface design
724ui-design
frappe
Clear, polished interfaces with less visual clutter.
UI design
- 720
data-display-and-selection
dembrandt
Make data tables easier to scan and select.
Interface design
720develop-design-rationale
product-on-purpose
Preserve the why behind your design decisions.
UX design
- 720
status-colors-and-errors
dembrandt
Clear status colours and errors with a way forward.
Interface design
- 720
sticky-and-fixed-elements
dembrandt
Keep navigation visible without crowding content.
Interface design
- 718
notifications-and-recovery
dembrandt
Clear app notifications with a way to recover.
User interface design
713chrome-extension-ui
pproenca
Make your Chrome extension easier to use.
Extension UI design
- 713
scroll-areas
dembrandt
Keep scrolling simple in your app's layouts.
Interface design
- 713
ui-context-and-scope
dembrandt
Make it clear where users are and what changes.
Interface design
- 712
extract-design
dembrandt
Turn a live website into reusable design tokens.
Design systems
711aesthetic
mrgoonie
Polished interfaces grounded in real design examples.
Interface design
+5
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.