skills.rest
Ammar-create
Ammar-createCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-design-intelligence

Generate design directions and component guidance for web, mobile, and desktop interfaces.

Updated Jun 18, 2026
Search Tags:#typography#design#ui#accessibility#ux#color-palette
One-click install
npx skills add https://github.com/Ammar-create/ui-ux-design-intelligence-skill --skill ui-ux-design-intelligence
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design-intelligence
Source: https://github.com/Ammar-create/ui-ux-design-intelligence-skill/tree/main
Command: npx skills add https://github.com/Ammar-create/ui-ux-design-intelligence-skill --skill ui-ux-design-intelligence

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI-powered UI/UX design guidance that translates user requests into actionable design directions, component guidance, and system-level decisions for web, mobile, and desktop interfaces.

Core Features & Use Cases

  • Generate design directions, color strategies, typography pairings, and layout decisions based on product type, audience, and tech stack
  • Provide accessibility improvements, interaction patterns, and responsive design guidance for dashboards, landing pages, and application components
  • Use Case: When asked to create a cohesive design system for a SaaS dashboard, produce a ready-to-implement plan plus prompts for tooling and implementation

Quick Start

Design a responsive, accessible dashboard with a cohesive color system and typography scale for a SaaS product.

Frequently Asked Questions about ui-ux-design-intelligence

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

FAQPage Schema
How do I generate a cohesive color palette and typography scale for a SaaS dashboard?▼

To generate a cohesive color palette and typography scale for a SaaS dashboard, provide your product type, target audience, and tech stack to receive actionable design directions and system-level component guidance for web and mobile interfaces.

What is the best way to improve UI accessibility for a web application?▼

The best way to improve UI accessibility for a web application is to apply generated interaction patterns, responsive design guidance, and specific accessibility improvements tailored for landing pages and application components.

Can I get UX design guidance for both mobile and desktop interfaces?▼

Yes, you can get UX design guidance for mobile and desktop interfaces by translating user requests into actionable design directions, layout decisions, and interaction patterns across dashboards, marketing sites, and product pages.

How do I create a design system from scratch for a marketing site?▼

To create a design system for a marketing site, input your product requirements to generate a ready-to-implement plan covering color strategies, typography pairings, and layout decisions, plus prompts for implementation tooling.

Do I need design tooling to implement the generated UI layout decisions?▼

You do not need specific design tooling beforehand, as the guidance produces a ready-to-implement plan and prompts for tooling and implementation that integrate directly into your existing front-end development workflow.

Related Skills

Explore More Design & Creative Skills→
Kirankumar2604Kirankumar2604

design-thinker

Apply design thinking frameworks to validate product ideas and define target audiences.

Community
Advanced
polaroidkiddpolaroidkidd

frontend-design

Guide end-to-end design and implementation of production-grade frontend interfaces.

Community
Advanced
klu-devklu-dev
2

browser-qa

Automate visual and interactive web testing with browser automation frameworks.

Community
Advanced
shinnytechshinnytech

using-shadcn-ui

Create React UI components with shadcn/ui and Tailwind CSS.

Official
Intermediate