LogoClawIndex
CasesSkillsAbout
LogoClawIndex

hoatrinh-design-system - Warm Amber Terminal Design System

Manage UI components, styles, animations, and visual tokens for hoatrinh.dev project

Tags

Updated: 2026-05-09

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • add UI component
  • modify UI component
  • review UI component
  • add style
  • modify style
  • review style
  • add animation
  • modify animation
  • review animation
  • add visual token
  • modify visual token
  • review visual token
  • define color token
  • define font token
  • create CSS module
  • configure interactive state

Inputs

  • hoatrinh.dev project
  • UI component specifications
  • design token definitions

Outputs

  • CSS module file
  • design tokens
  • UI component code

Requirements

  • CSS development
  • web frontend environment

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.
design system
UI components
CSS
visual design
hoatrinh.dev
add UI component
modify UI component
review UI component
add style
hoatrinh.dev project
UI component specifications
design token definitions
CSS module file
design tokens
UI component code