Skills
.Work. You
Rest

prism-component

Official

Ship accessible, reusable UI components.

Software Engineering#ui#accessibility#frontend#component#design-system#typing
Authortonone-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building consistent, accessible UI components across a codebase with strong typing.

Core Features & Use Cases

  • Typed props API with discriminated unions for variants
  • Accessibility-first states (default, loading, error, empty, focus, hover)
  • Composition-friendly API using slots/children and exportability
  • Design-system alignment and easy theming; testable in isolation

Quick Start

Define a component API with typed props, implement all states, and export it in your UI library.

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: prism-component
Download link: https://github.com/tonone-ai/tonone/archive/main.zip#prism-component

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.