skills.rest
GadaaLabs
GadaaLabsCOMMUNITY
Explore all skills by this author →
GitHub

prism

Identifies UI/UX problems and proposes domain-guided solutions for web/app development.

67|10|Updated Apr 12, 2026
Search Tags:#design#ui#performance#accessibility#visualization#ux
One-click install
npx skills add https://github.com/GadaaLabs/claude-code-on-steroids --skill prism-gadaalabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prism
Source: https://github.com/GadaaLabs/claude-code-on-steroids/tree/main/skills/prism
Command: npx skills add https://github.com/GadaaLabs/claude-code-on-steroids --skill prism-gadaalabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design intelligence, accessibility, performance, SEO, and data visualization — domain expertise for web and app developers. Includes 67 UI styles, 25 chart types, font pairing, and UX guidelines.

Core Features & Use Cases

  • UI/UX design intelligence: unify design decisions with a domain-aware toolkit including 67 UI styles and 25 chart types.
  • Accessibility & performance guidance: built-in WCAG-aligned checks and performance considerations for inclusive, fast experiences.
  • Use Case: when building a design system or dashboard, PRISM suggests patterns, font pairing, and UX guidelines to accelerate delivery.

Quick Start

Describe your UI challenge and I will generate style options, accessibility checks, and visualization guidance.

Frequently Asked Questions about prism

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

FAQPage Schema
How do I identify UI design problems and get accessible solutions for my web app?▼

To identify UI design problems and get accessible solutions, describe your UI challenge to generate style options, WCAG-aligned accessibility checks, and UX guidelines for web and mobile apps.

What is the best way to build a design system with consistent UX guidelines and font pairing?▼

The best way to build a design system with consistent UX guidelines is to apply a domain-aware toolkit that suggests font pairing, patterns, and 67 UI styles to unify design decisions and accelerate delivery.

How do I choose the right chart types for data visualization in a dashboard?▼

To choose the right chart types for data visualization in a dashboard, use a domain-guided toolkit that provides 25 chart types and visualization guidance tailored to your data and UX requirements.

Can I run accessibility audits and performance optimization checks for mobile apps?▼

Yes, you can run accessibility audits and performance optimization checks for mobile apps. The toolkit provides built-in WCAG-aligned checks and performance considerations for inclusive, fast experiences.

Does this UI design toolkit work for both web and mobile app development?▼

Yes, this UI design toolkit works for both web and mobile app development. It applies domain-guided solutions across design systems, accessibility audits, SEO, and data visualization tasks for both platforms.

What UI styles are available for front-end design systems?▼

There are 67 UI styles available for front-end design systems, allowing you to unify design decisions and select appropriate patterns when building scalable web and mobile interfaces.

Related Skills

Explore More Design & Creative Skills→
AhmedKaram50AhmedKaram50

bmad-dev

Load a developer persona and present an activation menu for user input.

Community
Intermediate
jcdiv47jcdiv47

extract

Extract reusable UI components, patterns, and design tokens from codebases.

Community
Intermediate
PeterHddPeterHdd
27

cleanui

Improve AI-generated user interfaces with design best practices and layout intelligence.

Community
Advanced
OpenCovenOpenCoven
20

dataviz-dashboard-ux

Guide chart type selection and dashboard design for accessible React visualizations.

Official
Advanced