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 - Create Fables & Sagas D&D Frontend Components

Create frontend components and pages for the Fables & Sagas D&D app with dark fantasy aesthetic

Tags

Updated: 2026-03-09

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create frontend components
  • generate code
  • build UI pages
  • integrate existing codebase
  • apply dark fantasy aesthetic

Inputs

  • Next.js 16 with React 19
  • TypeScript configuration
  • Tailwind CSS v4 with DaisyUI
  • Zustand store
  • custom theme tokens
  • component patterns
  • file organization structure

Outputs

  • frontend component code
  • UI pages
  • styled interfaces
  • TypeScript files

Requirements

  • Next.js 16 with React 19
  • TypeScript
  • Tailwind CSS v4
  • DaisyUI v5
  • Zustand state management
  • DND Solo app codebase
  • dark fantasy aesthetic theme

Source

  • Spec: SKILL.md
frontend
react
ui-design
dnd-app
typescript
create frontend components
generate code
build UI pages
integrate existing codebase
Next.js 16 with React 19
TypeScript configuration
Tailwind CSS v4 with DaisyUI
frontend component code
UI pages
styled interfaces