web-design

Generate responsive, accessible UI component specs with design system guidance.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Number531/Legal-API --skill web-design-number531
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design
Source: https://github.com/Number531/Legal-API/tree/main/.claude/skills/web-design
Command: npx skills add https://github.com/Number531/Legal-API --skill web-design-number531

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves frontend design inconsistency and accessibility gaps across projects.

Core Features & Use Cases

  • Ruthless Minimalism: Eliminate visual clutter while preserving expressive interfaces.
  • Design System & Components: Provide reusable patterns, typography guidelines, and consistent theming.
  • Accessibility & Usability: Enforce contrast, keyboard navigation, and responsive design for inclusive interfaces.

Quick Start

Generate a responsive, accessible UI component spec following the design principles outlined above.

Frequently Asked Questions about web-design

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

FAQPage Schema
How do I create a consistent UI design system for modern web applications?

Create a UI design system for modern web applications by applying ruthless minimalism to eliminate visual clutter, establishing reusable component patterns, and enforcing consistent theming alongside humane typography guidelines.

What is ruthless minimalism in frontend design?

Ruthless minimalism in frontend design is an approach that eliminates visual clutter while preserving expressive interfaces, ensuring that UI components remain visually clean without sacrificing functionality or user engagement.

How do I fix accessibility gaps and inconsistent frontend design across projects?

Fix frontend design inconsistency and accessibility gaps across projects by enforcing contrast standards, keyboard navigation, and responsive design to build inclusive interfaces with cohesive component patterns.

Does this approach work for generating responsive UI component specifications?

Yes, this approach works for generating responsive UI component specifications by applying accessibility standards, design system principles, and typography guidelines to output cohesive and inclusive interface specs.

What's the best way to enforce accessibility and usability in a reusable component system?

The best way to enforce accessibility and usability in a reusable component system is to mandate contrast compliance, keyboard navigation, and responsive design rules while maintaining consistent theming and humane typography.

Why does my web design system lack cohesive typography and accessible contrast?

Your web design system lacks cohesive typography and accessible contrast because it misses enforced design standards, requiring reusable patterns, consistent theming guidance, and strict accessibility rules to resolve these gaps.