ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Updated Jan 11, 2026
One-click install
npx skills add https://github.com/AdemKao/ai-cowork --skill ui-ux-ademkao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/AdemKao/ai-cowork/tree/main/.ai/skills/ui-ux
Command: npx skills add https://github.com/AdemKao/ai-cowork --skill ui-ux-ademkao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design guidance and patterns are often inconsistent across projects, leading to visual disconnects and accessibility gaps. This skill provides AI-assisted design intelligence to standardize aesthetics, typography, color, and component patterns for scalable frontend work.

Core Features & Use Cases

  • Style guidance: selection of UI styles (Glassmorphism, Minimalism, Dark Mode) aligned to brand.
  • Palette & Typography: curated color schemes and font pairings that meet accessibility requirements.
  • Layout & Components: reusable layout patterns and component patterns for dashboards, landing pages, and marketing sites.
  • Accessibility: WCAG considerations baked into recommendations.

Quick Start

Provide brand details (name, audience, and product type) and request a complete UI/UX plan including color, typography, layout, and components.

Frequently Asked Questions about ui-ux

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

FAQPage Schema
How do I generate a complete UI/UX design plan for a SaaS dashboard?

To generate a UI/UX design plan, provide your brand details, audience, and product type to receive curated color palettes, typography pairings, layout patterns, and accessible component recommendations for your SaaS dashboard or landing page.

Can I get color palettes and typography pairings that meet WCAG accessibility requirements?

Yes, color palettes and typography pairings are curated with WCAG accessibility considerations baked into the recommendations, ensuring your frontend interfaces meet modern accessibility requirements.

What UI styles are available for frontend layout and component design?

Available UI styles for frontend layout and component design include Glassmorphism, Minimalism, and Dark Mode, each aligned to your brand details and applied across reusable component patterns for modern web interfaces.

Does this UI/UX guidance work for both marketing landing pages and mobile views?

Yes, this UI/UX guidance applies to modern web interfaces across SaaS, dashboards, landing pages, and mobile views, providing reusable layout suggestions and component patterns for each specific context.

What information do I need to provide to standardize UI/UX design patterns?

To standardize UI/UX design patterns, you need to provide brand details including the name, target audience, and product type, which allows the system to align style selection, color, and typography to your specific brand.

What's the best way to standardize frontend aesthetics across multiple projects?

The best way to standardize frontend aesthetics is to apply AI-assisted design intelligence to standardize typography, color, component patterns, and layout suggestions, preventing visual disconnects and accessibility gaps across multiple projects.