skills.rest
imMamdouhaboammar
imMamdouhaboammarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

agency-ui-designer

Create scalable design systems with component libraries and WCAG AA compliance.

Updated Jul 24, 2026
Search Tags:#accessibility#responsive design#design system#component library#ui design#ux
One-click install
npx skills add https://github.com/imMamdouhaboammar/kaku-chatgpt-harness --skill agency-ui-designer-immamdouhaboammar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agency-ui-designer
Source: https://github.com/imMamdouhaboammar/kaku-chatgpt-harness/tree/main/.agents/skills/design-ui-designer
Command: npx skills add https://github.com/imMamdouhaboammar/kaku-chatgpt-harness --skill agency-ui-designer-immamdouhaboammar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of maintaining visual consistency, accessibility, and scalability in user interface design, preventing design debt and fragmented user experiences.

Core Features & Use Cases

  • Design System Architecture: Develops comprehensive component libraries, design tokens, and responsive frameworks.
  • Pixel-Perfect Handoff: Provides detailed specifications, documentation, and QA protocols to ensure implementation accuracy.
  • Use Case: When building a new product dashboard, use this Skill to establish a unified color palette, typography scale, and reusable button components that meet WCAG AA accessibility standards.

Quick Start

Use the agency-ui-designer skill to generate a comprehensive design system foundation including color tokens and typography scales for a new mobile application.

Frequently Asked Questions about agency-ui-designer

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

FAQPage Schema
How do I create a scalable design system for a new product dashboard?▼

Design systems ensure visual consistency and accessibility by providing reusable components, semantic design tokens, and systematic UI architecture that prevent design debt across product development workflows.

How do I ensure my UI components meet WCAG AA accessibility standards?▼

To ensure UI components meet WCAG AA accessibility standards, apply systematic UI architecture principles during interface creation to validate color contrast ratios and semantic design token compliance.

What is the best way to generate responsive layout frameworks and design tokens?▼

To generate responsive layout frameworks and design tokens, develop comprehensive component libraries using semantic design tokens that adapt systematically across different screen sizes and device viewports.

Can I use this approach to generate developer handoff specifications for mobile applications?▼

Yes, you can use this approach to generate detailed developer handoff specifications, documentation, and QA protocols for mobile applications to ensure pixel-perfect implementation accuracy.

How do I prevent design debt when building a component library?▼

You prevent design debt when building a component library by establishing a unified design system foundation with semantic design tokens and systematic UI architecture early in the product workflow.

Related Skills

Explore More Design & Creative Skills→
hakushunhakushun

tailwind-design-system

Creates scalable design systems with Tailwind CSS v4 and semantic tokens.

Community
Advanced
Likas07Likas07

ui-designer

Generate UI design systems with design tokens and WCAG AA accessibility.

Community
Advanced
CrashBytesCrashBytes
6

ux-ui-developer

Design accessible user interfaces, build design systems, and audit WCAG 2.1 AA compliance.

Community
Advanced
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-ui-designer

Create design systems with component libraries and WCAG AA accessibility compliance.

Community
Advanced