LogoClawIndex
CasesSkillsAbout
LogoClawIndex

designing-component-systems - Component System Design

Build reusable UI pieces that are accessible, composable, theme-aware, and testable without framework lock-in.

Tags

Updated: 2026-09-20
ui-componentsdesign-systemscomponent-apithemingaccessibilitydesign-tokens

Capabilities

Build reusable UI componentsDesign composable component APIsDefine UI state ownershipApply semantic design tokens

Typical Inputs

UI component specificationsDesign tokensProject styling conventions

Typical Outputs

Reusable UI componentsComponent APIsComponent documentation

What this skill does

  • Build reusable UI components
  • Design composable component APIs
  • Define UI state ownership
  • Apply semantic design tokens
  • Review component accessibility
  • Document shared component rules

Inputs

  • UI component specifications
  • Design tokens
  • Project styling conventions

Outputs

  • Reusable UI components
  • Component APIs
  • Component documentation
  • Shared styling compositions

Requirements

  • Skill: building-color-systems
  • Skill: refining-typography

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.