skills.rest
Adelie-Squad
Adelie-SquadOFFICIAL
Explore all skills by this author →
GitHub

ui-designer

Create and apply design tokens for color, typography, and spacing.

17|1|Updated Feb 3, 2026
Search Tags:#collaboration#prototype#ui-design#design-system#visual-design#design-tokens#brand-identity
One-click install
npx skills add https://github.com/Adelie-Squad/solosquad --skill ui-designer-adelie-squad
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-designer
Source: https://github.com/Adelie-Squad/solosquad/tree/main/agents/specialists/ui-designer
Command: npx skills add https://github.com/Adelie-Squad/solosquad --skill ui-designer-adelie-squad

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual teams struggle to maintain a consistent visual identity across products without a centralized set of design tokens and prototyping capabilities.

Core Features & Use Cases

  • Create and manage design tokens for color, typography, spacing, and components.
  • Prototype interactive UI elements that adhere to the design system.
  • Ensure brand identity alignment with marketing guidelines across web and mobile platforms.

Quick Start

Provide your brand brief and token guidelines, then ask the AI to generate a visual prototype and the corresponding design tokens.

Frequently Asked Questions about ui-designer

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

FAQPage Schema
How do I create and manage design tokens for color, typography, and spacing across web and mobile interfaces?▼

You automate design tokens by providing brand guidelines and token definitions, generating a centralized set of color, typography, spacing, and component tokens for consistent visual identity across web and mobile interfaces.

What is the best way to maintain brand identity alignment across multiple UI prototypes?▼

Maintaining brand identity alignment requires applying centralized design tokens to interactive UI prototypes, ensuring all components adhere to marketing guidelines across web and mobile platforms.

Do I need engineering collaboration to integrate design tokens into a frontend pipeline?▼

Yes, integrating design tokens into a frontend pipeline requires collaboration with engineering to apply tokens to UI components and maintain a consistent design system.

Can I generate interactive UI prototypes that automatically adhere to my design system?▼

Yes, you can prototype interactive UI elements by providing your brand brief, generating visual prototypes that automatically adhere to your design system and corresponding design tokens.

What do I need to start automating the application of design tokens to UI components?▼

To start automating design tokens, you need token definitions, brand guidelines, and collaboration with engineering to integrate tokens into the design system and frontend pipeline.

Related Skills

Explore More Design & Creative Skills→
musher-devmusher-dev

writing-visual-identity

Define color tokens, typography systems, and spatial rules for marketing pages.

Official
Advanced
first-flukefirst-fluke
218

ui-ux-pro-max

Generates design systems and reviews UI/UX patterns for accessible web and mobile interfaces.

Official
Advanced
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
yocxy2yocxy2

design-shotgun

Generate multiple UI design variants and collect structured feedback.

Community
Intermediate