Back to tags
Tag

Agent Skills with tag: ui-design

44 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

ui-ux-expert

Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces. Use when designing web/mobile applications, implementing accessible interfaces, creating design systems, or conducting usability testing.

ui-designdesign-systemsaccessibilityresponsive-design
martinholovsky
martinholovsky
92

duotone-identity

Use when designing app pages, typography, spacing, or any UI look and feel for the Identity Platform. Load for creating landing pages, chapter sections, SVG illustrations, or applying the duotone cream/charcoal design system. Keywords: design, ui, styling, theme, colors, layout

design-systemsui-designhtml-cssstyling
ingpoc
ingpoc
5

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

html-cssui-designresponsive-designweb-components
vapvarun
vapvarun
3

product-frontend-design

Review and design SaaS/product marketing sites and frontend interfaces end-to-end: clarify value, fix hierarchy, and implement distinctive, production-grade UI that avoids generic AI aesthetics.

ui-designinformation-architecturewireframingbranding
mosif16
mosif16
5

design-critique

Critique UI/UX designs for clarity, hierarchy, interaction, accessibility, and craft. Use for design reviews, PR feedback on UI changes, evaluating mockups, checking if a component is ship-ready, or when honest feedback is needed on whether something meets a high bar.

ui-designinformation-architectureaccessibility-compliancefeedback
petekp
petekp
62

design-workflow

UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface patterns, or design tokens.

design-systemswcaguser-flowsdesign-tokens
ilude
ilude
5

frontend-design

Create distinctive, bold UI designs that avoid generic AI aesthetics. This skill should be used when users want frontend components with strong visual identity, creative typography, intentional color palettes, and production-grade animations - specifically to avoid the bland, safe, homogeneous "AI slop" that plagues most generated interfaces.

ui-designtypographytheminganimation
b-open-io
b-open-io
62

ui-ux-pro-max

UI/UX 设计情报库:50 种风格、21 套配色、50 组字体搭配、20 类图表、8 个技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。动作:plan、build、create、design、implement、review、fix、improve、optimize、enhance、refactor、check UI/UX code。项目:website、landing page、dashboard、admin panel、e-commerce、SaaS、portfolio、blog、mobile app、.html、.tsx、.vue、.svelte。元素:button、modal、navbar、sidebar、card、table、form、chart。风格:glassmorphism、claymorphism、minimalism、brutalism、neumorphism、bento grid、dark mode、responsive、skeuomorphism、flat design。主题:color palette、accessibility、animation、layout、typography、font pairing、spacing、hover、shadow、gradient。

ui-designdesign-systemsui-componentscolor-palette
DCjanus
DCjanus
131

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

htmlcssjavascriptui-components
ttmouse
ttmouse
237

designprompt

AI驱动的设计系统构建器。基于项目特征智能推荐最合适的设计风格(从30+专业设计系统中选择),或使用用户指定的风格。自动应用完整的设计系统规范(颜色、字体、组件、动效等)来实现界面。

design-systemthemingcomponent-compositionui-design
ttmouse
ttmouse
237

ui-ux-polish

Iterative UI/UX polishing workflow for web applications. The exact prompt and methodology for achieving Stripe-level visual polish through multiple passes.

ui-designvisual-communicationdesign-systemprototyping
Dicklesworthstone
Dicklesworthstone
202

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ui-designui-componentsfrontendstyling
julianromli
julianromli
448

design-handoff

Prepare designs for development handoff. Document specifications, interactions, and assets to enable efficient development and maintain design quality.

specification-documentsui-designdesign-systemscollaboration
aj-geddes
aj-geddes
301

interaction-design

Design meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.

ui-designanimationfeedbackmicrointeractions
aj-geddes
aj-geddes
301

elegant-design

Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.

ui-designui-componentsaccessibilityresponsive-design
rand
rand
487

bencium-innovative-ux-designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ui-designui-componentsweb-developmenthtml-css
bencium
bencium
665

ui-ux-pro-max

Use when designing, building, or refining frontend UI/UX: layouts, components, visual systems, typography, color, and UX patterns for websites, landing pages, dashboards, and product interfaces. Provides searchable styles, palettes, font pairings, charts, and stack best practices (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind).

ui-designui-componentsdesign-systemstypography
jMerta
jMerta
966

frontend-design

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

ui-designweb-designdesign-thinkingcolor-palette
xenitV1
xenitV1
10917

Page 2 of 3 · 44 results

ui-design | Agent Skills