skills.rest
SharafMawjood
SharafMawjoodCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux

Generate design systems with style, color palettes, typography, and UX guidelines.

Updated Feb 24, 2026
Search Tags:#typography#accessibility#mobile design#design system#ui/ux#color palette#web design
One-click install
npx skills add https://github.com/SharafMawjood/Antigravity-Skills --skill ui-ux-sharafmawjood
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/SharafMawjood/Antigravity-Skills/tree/main/ui-ux
Command: npx skills add https://github.com/SharafMawjood/Antigravity-Skills --skill ui-ux-sharafmawjood

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process by providing intelligent, data-driven recommendations for design systems, styles, colors, and typography, ensuring high-quality, accessible, and performant user interfaces.

Core Features & Use Cases

  • Design System Generation: Creates comprehensive design systems including style, color palettes, typography, and UX guidelines.
  • Multi-Stack Support: Offers guidelines and best practices across 13 different technology stacks.
  • Use Case: When starting a new web application, use this Skill to generate a complete design system tailored to your product type and desired aesthetic, ensuring consistency and adherence to best practices from the outset.

Quick Start

Generate a complete design system for a luxury spa wellness application.

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 design system for a new web application?▼

This design intelligence tool generates complete design systems by providing data-driven recommendations for color palettes, typography, and UX guidelines, ensuring high-quality, accessible user interfaces.

Can I get UI guidelines for specific technology stacks?▼

Yes, UI guidelines are available for 13 different technology stacks. The system provides tailored style recommendations and best practices to ensure consistency across these specific frameworks.

How does the system ensure accessibility in color palettes and typography?▼

Accessibility is maintained through anti-pattern detection. The generated design systems include data-driven color palettes and typography recommendations that adhere to accessibility standards.

What is the best way to match a specific aesthetic style for my UI?▼

The best way to match an aesthetic is using the BM25 search engine for style matching. It analyzes desired styles and applies anti-pattern detection to ensure the UI meets your visual goals.

Do I need any design system dependencies to use this UI generator?▼

No design system dependencies are required to use this UI generator. It operates independently to provide comprehensive design intelligence and complete style guidelines without external libraries.

When should I not use an AI-generated design system?▼

You should avoid this approach if your project requires strict adherence to pre-existing brand guidelines outside its generated parameters. It is best for initiating new design systems rather than enforcing legacy brand rules.

Related Skills

Explore More Design & Creative Skills→
trueratruera
3.5k

trulens-dataset-curation

Create and curate ground-truth evaluation datasets for TruLens.

Official
Intermediate
ashishgurpritashishgurprit

Design System Skill

Enforces design tokens, component patterns, and accessibility standards for UI development.

Community
Intermediate
abbas133abbas133
1

ui-ux-expert

Guide teams in designing accessible, scalable UI with design tokens and WCAG compliance.

Community
Advanced
Logos-LiberLogos-Liber
17

wireframing-prototyping

Create wireframes, user flows, sitemaps, and interactive prototypes for digital products.

Official
Intermediate