skills.rest
jpoindexter
jpoindexterCOMMUNITY
Explore all skills by this author →
Website𝕏@microninkGitHub

design

Dispatch cross-platform UI design tasks to targeted companion skills.

1|Updated Jun 9, 2026
Search Tags:#design system#ui design#layout optimization#cross-platform design#design dispatcher
One-click install
npx skills add https://github.com/jpoindexter/design-and-ai-skills --skill design-jpoindexter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/jpoindexter/design-and-ai-skills/tree/main/design-system-skills/design
Command: npx skills add https://github.com/jpoindexter/design-and-ai-skills --skill design-jpoindexter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of cross-platform UI design by providing a dispatcher that routes to specific design reference skills, ensuring that the correct tools are used for the task at hand.

Core Features & Use Cases

  • Dispatcher Functionality: Routes to 2-4 companion skills based on the design task, such as components-and-states, layout-and-composition, and color-and-elevation.
  • Task-specific Clustering: Ensures that relevant skills are loaded into context to address specific design needs, such as new screen builds, redesigns, or audits.
  • Native iOS Support: Offers separate routing for iOS-specific work via /ios, avoiding unnecessary loading of the full family of design skills.

Quick Start

Use the /design skill to optimize your web or cross-platform UI design, or invoke it with '/design' when it's unclear which design skills apply.

Frequently Asked Questions about design

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

FAQPage Schema
How do I manage cross-platform UI design across web, mobile, and TV?▼

Cross-platform UI design is managed by dispatching tasks to targeted companion skills based on specific requirements, ensuring correct tools load into context for web, iOS, Android, macOS, Windows, tablet, TV, and watch builds.

What is the best way to route specific UI tasks like layout optimization or color and elevation?▼

Routing specific UI tasks like layout optimization requires a design dispatcher that clusters relevant skills, loading only necessary tools such as components-and-states or color-and-elevation into context to address the exact design need.

Can I use this dispatcher for native iOS UI design without loading web design skills?▼

Native iOS UI design is supported via a dedicated /ios routing command, which prevents the unnecessary loading of the full family of cross-platform design skills into the working context.

When do I need a design audit or redesign dispatcher instead of manual UI checks?▼

A design audit or redesign dispatcher is needed when building new screens across multiple platforms, ensuring task-specific clustering automatically identifies and loads the correct design reference skills for comprehensive evaluation.

Does the dispatcher support tablet and watch UI layouts alongside desktop platforms?▼

The dispatcher supports tablet and watch UI layouts alongside macOS and Windows, routing to specialized companion skills to ensure layout optimization and composition are correctly applied for each distinct form factor.

Related Skills

Explore More Design & Creative Skills→
parhummparhumm
25

learn-add

Route and log skill-context learning feedback into categorized LEARN.md files.

Community
Advanced
marktantongcomarktantongco
2

ui-ux-pro-max

Generate design systems and frontend guidance for web and mobile projects.

Community
Advanced
PetriLahdelmaPetriLahdelma
2

ui-design

Guide UI design covering design systems, typography, color, layout, and Figma handoff.

Community
Advanced
parallax-ai-llcparallax-ai-llc
29

orchestrator-designer

Generate platform-aware design specifications and JSON design tokens for the Claude Orchestrator UI.

Official
Advanced