agency-ui-designer

Build UI design systems with tokens, component libraries, and WCAG AA accessibility.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/jay6697117/agency-agents-antigravity --skill agency-ui-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agency-ui-designer
Source: https://github.com/jay6697117/agency-agents-antigravity/tree/main/.agents/skills/agency-ui-designer
Command: npx skills add https://github.com/jay6697117/agency-agents-antigravity --skill agency-ui-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds cohesive, accessible UI designs by establishing visual design systems, component libraries, and design tokens that reflect brand identity and ensure consistency across products.

Core Features & Use Cases

  • Design system foundation with tokens, typography, and spacing that scales across platforms
  • Creation of reusable component libraries with consistent states, interactions, and accessibility (WCAG AA)
  • Developer handoff and documentation to accelerate implementation and ensure pixel-perfect delivery
  • Prototyping support and design QA workflows to validate implementations against the design system Use cases include launching new products with brand-consistent UIs, revamping existing apps with scalable design systems, and enabling rapid iteration through token-driven theming.

Quick Start

Create a starter design system for a new brand by defining color tokens, typography scale, and a reusable component library.

Frequently Asked Questions about agency-ui-designer

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

FAQPage Schema
How do I build a UI design system with reusable components and design tokens?

Build a UI design system by defining foundational design tokens for color and typography, then scaling them into a reusable component library with consistent states, interactions, and developer-ready documentation for pixel-perfect handoff.

What is the best way to ensure UI components meet WCAG AA accessibility standards?

Ensure WCAG AA accessibility by enforcing compliance directly within your UI design system, building component libraries with accessible states and interactions, and validating implementations through dedicated design QA workflows.

How do I create a design system foundation for a new brand identity?

Create a brand design system foundation by establishing token-driven theming, defining a typography scale, and setting spacing rules that reflect your brand identity and ensure visual consistency across products.

Can I use design tokens to scale a component library across web and mobile platforms?

Yes, you can use design tokens to scale a component library across web and mobile contexts, ensuring responsive guidelines and brand alignment are maintained throughout a scalable product ecosystem.

How do I prepare developer handoff documentation for a pixel-perfect UI design?

Prepare developer handoff by delivering developer-ready documentation and assets alongside your component library, accelerating implementation and ensuring pixel-perfect delivery through structured design QA workflows.

Why do I need design tokens for my UI design system?

You need design tokens to centralize your visual design decisions, enabling rapid iteration through token-driven theming and ensuring consistent application of your brand identity across a scalable product ecosystem.