LogoClawIndex
CasesSkillsAbout
LogoClawIndex

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 - Build cinematic dark theme frontend interfaces for Bookkeep

Creates production-grade frontend interfaces using cinematic dark theme with jewel-tone accents

Tags

Updated: 2026-02-17

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • build components with glassmorphism
  • implement cinematic dark theme
  • create interactive card layouts
  • apply jewel-tone color schemes
  • design with book cover imagery
  • implement status badge system

Inputs

  • React components
  • TypeScript files
  • CSS stylesheets
  • Design tokens
  • UI patterns documentation

Outputs

  • Styled React components
  • Updated CSS files
  • Frontend interface code
  • Visual design assets
  • UI implementation files

Requirements

  • Bookkeep project context
  • Cinematic dark theme specifications
  • React development environment
  • Tailwind CSS setup
  • Design system access

Source

  • Spec: SKILL.md
frontend
ui-design
react
tailwind
dark-theme
glassmorphism
build components with glassmorphism
implement cinematic dark theme
create interactive card layouts
apply jewel-tone color schemes
React components
TypeScript files
CSS stylesheets
Styled React components
Updated CSS files
Frontend interface code