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.

Skills with input: component specifications

Browse skills that use this input.

  • tdd-workflow - Test-Driven Development Workflow
    testingTDDcode qualitydevelopment workflow

    ★ 602 · Updated 2026-06-15

    Enforces test-driven development with comprehensive coverage including unit, integration, and E2E tests

    ⚙ write tests⚙ run tests⚙ implement code
  • design-guide - Modern UI Design Guidelines
    UI DesignFrontend DevelopmentDesign SystemWeb Development

    ★ 0 · Updated 2026-05-28

    Provides modern UI design principles for creating clean and professional web interfaces

    ⚙ apply design principles⚙ create UI components⚙ build layouts
  • crank-component-authoring - Build Single-File HTML Apps with Crank.js
    frontendweb-developmentJavaScriptCrank.js

    ★ 2,798 · Updated 2026-05-28

    Create interactive single-file HTML applications using Crank.js without build steps

    ⚙ create single-file HTML⚙ build web applications⚙ render interactive components
  • design-md-wise - Wise Design System Reference
    design systemUI designcolor palettetypography

    ★ 17 · Updated 2026-05-09

    Reference for Wise design system with typography, colors, and component guidelines

    ⚙ reference color palette⚙ apply typography rules⚙ specify component styling
  • drawio-xml - draw.io Architecture Diagram XML Generator
    architecture diagramXMLdraw.iosystem design

    ★ 0 · Updated 2026-05-09

    Generate complete draw.io XML for architecture diagrams with shapes, connections, and styles

    ⚙ generate mxGraphModel structure⚙ create vertex shapes⚙ create edge connections
  • Frontend Development - Professional Frontend Development with Angular, React, Vue, Next.js
    frontendweb developmentAngularReact

    ★ 57 · Updated 2026-03-23

    Develop frontend applications using Angular, React, Vue 3, and Next.js frameworks with best practices

    ⚙ create Angular components⚙ create React components⚙ create Vue components
  • Frontend Development - Professional Frontend Development
    frontendangularreactvue

    ★ 602 · Updated 2026-03-23

    Develop frontend applications with Angular, React, Vue, and Next.js

    ⚙ create Angular components⚙ create React components⚙ create Vue components
  • planning-standards - Fullstack TypeScript Planning Standards
    planningarchitecturefullstack-typescriptagent-assignment

    ★ 44 · Updated 2026-03-20

    Provides agent assignment rules, architecture patterns, and dependency ordering for fullstack-typescript plan generation

    ⚙ define architecture patterns⚙ order dependencies⚙ assign agents
  • react-shadcn - shadcn/ui React Components with TanStack Form
    ReactUI Componentsshadcn/uiTailwind CSS

    ★ 602 · Updated 2026-03-20

    Build accessible React UI components with Radix UI primitives and Tailwind CSS styling

    ⚙ install shadcn components⚙ build UI components⚙ create form fields
  • raycast-extensions - Build Raycast Extensions with API
    Raycastextension developmentReactTypeScript

    ★ 602 · Updated 2026-03-20

    Build and maintain Raycast extensions using React, TypeScript, and the Raycast API

    ⚙ build extensions⚙ create list UI⚙ create grid UI
  • frontend-design - React-based Frontend Design
    frontenddesignReactUI components

    ★ 1 · Updated 2026-03-19

    Create production-grade frontend interfaces with React, Tailwind CSS, and shadcn/ui components

    ⚙ build UI components⚙ create web pages⚙ style with Tailwind CSS
  • frontend-design - Create Production-Grade Frontend Interfaces
    frontendweb developmentUI designcode generation

    ★ 0 · Updated 2026-03-10

    Create distinctive, production-grade frontend interfaces with high design quality for web components, pages, and applications.

    ⚙ create web components⚙ build web pages⚙ design interfaces
  • frontend-design - Create distinctive, production-grade frontend interfaces
    frontendweb designUIweb development

    ★ 11 · Updated 2026-03-10

    Build web components, pages, and applications with creative, polished code and distinctive UI design

    ⚙ create web components⚙ build web pages⚙ develop applications
  • frontend-design - Distinctive Frontend Design
    frontendwebUIdesign

    ★ 1 · Updated 2026-03-10

    Create distinctive, production-grade frontend interfaces with high design quality

    ⚙ create web components⚙ build web pages⚙ design applications
  • frontend-design - Create Production-Grade Frontend Interfaces with Distinctive Design
    frontenddesignweb-developmentUI-design

    ★ 0 · Updated 2026-03-09

    Creates distinctive, production-grade frontend interfaces with high design quality and avoids generic AI aesthetics

    ⚙ build web components⚙ create web pages⚙ develop web applications
  • frontend-design - Create distinctive production-grade frontend interfaces
    frontendweb designUI developmentcreative coding

    ★ 602 · Updated 2026-03-09

    Build web components, pages, and applications with high-quality design that avoids generic AI aesthetics

    ⚙ design frontend interfaces⚙ implement HTML/CSS/JS code⚙ create React components
  • designing-frontend-interfaces - Generate distinctive frontend interfaces with bold aesthetic direction
    frontenddesignUIweb development

    ★ 7 · Updated 2026-03-09

    Creates production-grade frontend code with meticulous visual detail and distinctive aesthetics

    ⚙ generate frontend code⚙ implement UI components⚙ create visual designs
  • frontend-design - Create Distinctive Production-Grade Frontend Interfaces
    frontenddesignUIweb development

    ★ 1 · Updated 2026-03-09

    Generate creative, polished frontend code with exceptional design quality

    ⚙ build web components⚙ create frontend pages⚙ develop web applications
  • frontend - Svelte Frontend Development for Wails Apps
    frontendsveltetypescriptwails

    ★ 0 · Updated 2026-02-23

    Develop Svelte-based user interfaces with TypeScript and Vite for Wails v2 applications

    ⚙ build UI components⚙ apply CSS styling⚙ work with Wails bindings
  • react-patterns - React Patterns - Write Idiomatic React Code
    Reacthookscomponentsfrontend

    ★ 602 · Updated 2026-02-23

    Write idiomatic React code with proper hooks and render purity

    ⚙ write React components⚙ fix hook-related lint errors⚙ decide logic placement

Scroll to load more