skills.rest
abhisheksharm-3
abhisheksharm-3COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-new

Generate UI components, pages, and layouts with design best practices.

1|Updated May 24, 2026
Search Tags:#mobile design#design systems#web design#ux design#ui design
One-click install
npx skills add https://github.com/abhisheksharm-3/polaris --skill ui-new
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-new
Source: https://github.com/abhisheksharm-3/polaris/tree/main/skills/ui-new
Command: npx skills add https://github.com/abhisheksharm-3/polaris --skill ui-new

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating high-quality UI designs from the ground up, providing a comprehensive set of tools and guidelines to ensure consistency, accessibility, and user experience.

Core Features & Use Cases

  • Comprehensive Design Guide: Offers 50+ styles, 161 color palettes, 57 font pairings, and 161 product types with reasoning rules.
  • User Experience Quality Control: Assists in choosing color schemes, typography systems, spacing standards, or layout systems.
  • Accessibility and Compliance: Ensures that UI designs meet accessibility standards and best practices.
  • Use Case: When building a new web or mobile application, use this Skill to generate UI components, pages, and layouts with industry best practices in mind.

Quick Start

Use the polaris:ui-new skill to create a new UI component for your application.

Frequently Asked Questions about ui-new

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

FAQPage Schema
How do I generate professional UI designs for a new web or mobile application?▼

This Skill generates professional UI designs for web and mobile applications by providing a searchable database with priority-based recommendations for UI structure, visual design decisions, and interaction patterns using industry-specific design systems.

What is the best way to choose a color scheme and typography system for my design system?▼

The best way to choose color schemes and typography systems is using this Skill's quality control features, which provide 161 color palettes and 57 font pairings with reasoning rules to guide your visual design decisions.

Can I use this UI design tool to ensure my web layout meets accessibility standards?▼

Yes, you can use this UI design tool to ensure your web layout meets accessibility standards. It assists in choosing spacing standards and layout systems while enforcing compliance and best practices throughout the design process.

Does this UI design generator support multiple product types and styles?▼

Yes, this UI design generator supports multiple product types and styles. It includes a comprehensive design guide featuring 50+ styles and 161 product types, complete with reasoning rules for industry-specific design systems.

Do I need Python to run the UI design generation scripts?▼

Yes, you need Python installed because the Skill depends on it to run its internal scripts. These scripts power the searchable database and generate the priority-based recommendations for your UI design elements.

Related Skills

Explore More Design & Creative Skills→
roviczzzroviczzz
1

ui-ux-pro-max

Generate UI/UX design systems from CSV databases using BM25 search.

Community
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
farmountainfarmountain
1

Frontend Expert Agent

Guide frontend framework selection and implementation for React, Vue, Angular, and Svelte.

Community
Advanced
rabiasohail098rabiasohail098

ui-ux-futuristic-designer

Guide designers in creating futuristic UI/UX designs for SaaS dashboards.

Community
Basic