skills.rest
neyrojasj
neyrojasjCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux

Generate a project-wide design system with colors, typography, spacing, and component rules.

Updated Nov 26, 2025
Search Tags:#typography#ui-ux#design-system#style-guide#color-palette#component-library
One-click install
npx skills add https://github.com/neyrojasj/smart-agent --skill ui-ux-neyrojasj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/neyrojasj/smart-agent/tree/main/.github/skills/ui-ux
Command: npx skills add https://github.com/neyrojasj/smart-agent --skill ui-ux-neyrojasj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a reusable, project-wide design system that governs UI decisions, ensuring consistency, faster delivery, and shared standards across all UI tasks.

Core Features & Use Cases

  • Design system generation: builds a complete style guide with colors, typography, spacing, and component rules for the project.
  • UI style persistence: outputs a saved ui-style artifact that all UI coding must follow.
  • Project-wide adoption: automatically applies to subsequent UI work and can be overridden if the user requests a style change.

Quick Start

Describe your project and request generation of a persistent UI style.

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 project-wide UI design system that persists across coding tasks?▼

Generate a project-wide UI design system by gathering project identity requirements to produce a saved ui-style manifest. This artifact enforces consistent UI standards automatically across all subsequent UI coding tasks.

What is the best way to maintain a consistent color palette and typography style guide?▼

Maintain a consistent color palette and typography style guide by generating a persistent design system artifact. This ui-style standard ensures shared rules govern all future UI decisions and component library development.

Can I override the UI style standard for a specific component library later?▼

Yes, you can override the UI style standard. The design system adapts when you request a style change, allowing you to update the persistent ui-style manifest and apply new rules to your component library.

Do I need external libraries to build a design system with this approach?▼

No external libraries are required to build a design system. The workflow coordinates optional external library authorization, allowing you to generate a complete style guide using only your project's identity data.

How does UI style persistence work when applying a style guide to future UI work?▼

UI style persistence works by outputting a saved ui-style artifact that functions as a project-wide standard. All future UI coding tasks automatically reference this manifest to ensure design consistency.

What limitations exist when adapting a design system for a style change?▼

The limitation when adapting a design system for a style change is that the entire project-wide ui-style manifest updates. This ensures persistent consistency but requires regenerating the style guide to apply the new rules.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
NolanPicNolanPic

Global Coding Style

Enforce global coding style across codebases during code generation or modification.

Community
Basic
suriyelsuriyel
178

long-task-ucd

Generate a UI Component Design style guide from an approved SRS document.

Community
Advanced
alexsandrocruzalexsandrocruz

ui-ux-pro-max

Generate UI/UX design system recommendations via multi-domain BM25 searches.

Community
Advanced