LogoClawIndex
CasesSkillsAbout
LogoClawIndex

frontend-design-system - Find and reuse the canonical frontend UI primitives

Guides frontend component and styling work by locating canonical primitives, choosing approved variants, enforcing boundaries, and preventing duplicate implementations.

Tags

Updated: 2026-10-07

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Search existing UI primitives
  • Inspect both component inventories
  • Reuse canonical component variants
  • Apply button and table conventions
  • Route charts through CorePanel
  • Keep styles in design tokens
  • Review component duplication

Inputs

  • Frontend source files
  • UI barrel exports
  • Global CSS files
  • Git history
  • Component change scope

Outputs

  • Component reuse guidance
  • Variant selection decisions
  • Duplicate component findings
  • CSS ownership findings
  • Frontend component changes

Requirements

  • Frontend repository access
  • frontend/src workspace
  • grep and shell tools
  • Python 3
  • Git history access

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.
frontend
design system
UI components
React
TypeScript
CSS
accessibility
Search existing UI primitives
Inspect both component inventories
Reuse canonical component variants
Apply button and table conventions
Frontend source files
UI barrel exports
Global CSS files
Component reuse guidance
Variant selection decisions
Duplicate component findings