skills.rest
SufficientDaikon
SufficientDaikonCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designer

Provide UI/UX design guidance covering interface design, design systems, and workflows.

8|Updated Mar 8, 2026
Search Tags:#ui#design system#prototyping#user experience#interface design#ux
One-click install
npx skills add https://github.com/SufficientDaikon/omniskill --skill ui-ux-designer-sufficientdaikon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/SufficientDaikon/omniskill/tree/main/.cursor/rules/ui-ux-designer
Command: npx skills add https://github.com/SufficientDaikon/omniskill --skill ui-ux-designer-sufficientdaikon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes resources (resource) components.

What problem does it solve?

This Skill provides expert guidance and solutions for UI/UX design challenges, covering everything from visual design and interaction patterns to user research and design systems.

Core Features & Use Cases

  • Comprehensive Design Expertise: Offers insights into UI design principles, UX methodologies, and common design tools.
  • Practical Solutions: Provides code snippets for design systems (color, typography, spacing) and outlines workflows for design projects.
  • Use Case: A developer needs to implement a consistent design system for a new web application. This Skill can provide the foundational CSS variables for colors, typography, and spacing, along with principles for component design.

Quick Start

Provide a CSS color system for a dark theme UI.

Frequently Asked Questions about ui-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a consistent design system for a web application?▼

To create a consistent design system, establish foundational CSS variables for color palettes, typography, and spacing. This ensures visual consistency across components and provides reusable design tokens for your web application's interface.

What CSS variables should I use for a dark theme UI color system?▼

For a dark theme UI color system, define CSS variables that map out background, surface, primary, secondary, and text colors. This approach allows you to maintain a structured color palette and easily adjust contrast ratios across the interface.

How do I structure information architecture for user experience design?▼

Structuring information architecture involves organizing content hierarchies and navigation flows to optimize user experience. Applying UX methodologies ensures that users can efficiently find information and complete tasks within the interface.

What are the core principles of responsive design and interaction patterns?▼

Core principles of responsive design ensure interfaces adapt seamlessly across different screen sizes, while interaction patterns guide user engagement. Combining these creates a cohesive visual design and user experience for various devices.

Can I get design workflows and tool guidance for Figma and Sketch?▼

Yes, you can get design workflows and tool guidance for Figma, Sketch, and Adobe XD. This includes practical solutions for interface design, helping you streamline your prototyping process and implement user experience principles effectively.

Related Skills

Explore More Design & Creative Skills→
dtsongdtsong
1

intake-skill

Transform natural language project descriptions into structured engagement briefs.

Community
Advanced
devkenidevkeni
1

figma-implement-design

Translate Figma designs into frontend code using Figma MCP workflows and design tokens.

Community
Advanced
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
Manvendra08Manvendra08
1

deep-research

Aggregate and verify web sources into cited research reports.

Community
Intermediate