Skills
.Work. You
Rest

epic-ui-guidelines

Official

Guides accessible Epic UI design and components.

Authorepicweb-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This guide helps teams build accessible, consistent UI components across the Epic Stack by providing clear patterns, usage conventions, and design tokens.

Core Features & Use Cases

  • Accessibility-first UI patterns covering semantic HTML, ARIA, and keyboard navigation.
  • Tailwind CSS and Radix UI usage guidelines to ensure consistent styling and accessible interactions.
  • Patterns for responsive layouts, color contrast, typography, and focus management across projects.
  • Use cases include building a new form, a modal, or a dashboard component that adheres to Epic Stack UI conventions.

Quick Start

To begin, align new components with semantic HTML, accessible ARIA attributes, and Tailwind/Radix UI patterns described here; ensure responsive and accessible defaults from the start.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: epic-ui-guidelines
Download link: https://github.com/epicweb-dev/epic-stack/archive/main.zip#epic-ui-guidelines

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.