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 capability: create components

Browse skills that share this capability.

  • frontend - Frontend Development Patterns
    frontendcomponentsstate managementperformance

    ★ 18 · Updated 2026-06-30

    Frontend patterns for component design, state management, performance, and accessibility

    ⚙ create components⚙ modify components⚙ design UI interactions
  • rails-design-system - Rails Design System Guidelines
    railsdesign-systemfrontendtailwind

    ★ 159 · Updated 2026-06-15

    Design system guidelines for building consistent Rails UI components

    ⚙ apply design rules⚙ define design tokens⚙ extract partials
  • figma - Bidirectional Figma Design Skill
    FigmaDesignVue 3shadcn-vue

    ★ 2 · Updated 2026-05-28

    Read Figma designs and write components, screens, and tokens back to Figma

    ⚙ get design context⚙ get variable definitions⚙ search design system
  • design-guide - Modern UI Design Guidelines
    UI designdesign systemfrontendCSS

    ★ 0 · Updated 2026-05-28

    Apply modern UI design principles and guidelines for building clean, professional interfaces across frontend frameworks

    ⚙ apply design principles⚙ define color system⚙ set spacing system
  • react - React Best Practices for Web Apps
    ReactWeb DevelopmentTypeScriptBest Practices

    ★ 18 · Updated 2026-05-28

    Provides React best practices for building scalable web applications with feature-based architecture, TypeScript, state management, and optimization guidelines

    ⚙ create components⚙ organize project structure⚙ manage state
  • ui-design - Enforce UI Design System Consistency
    uidesign-systemshadcntailwindcss

    ★ 0 · Updated 2026-05-11

    Enforces consistent UI across shadcn-svelte + TailwindCSS 4 design system for pages, components, forms, dashboards, and data display.

    ⚙ scan existing components⚙ read similar components⚙ check component library
  • nextjs - Next.js 16 App Router Patterns
    frontendnextjsapp-routerauthentication

    ★ 2 · Updated 2026-05-11

    Create Next.js 16 App Router pages, components, API routes, and authentication flows

    ⚙ create pages⚙ create layouts⚙ create components
  • nextjs - Next.js 16 App Router Patterns
    frontendNext.jsauthenticationrouting

    ★ 18 · Updated 2026-05-11

    Provides patterns for creating pages, layouts, components, API routes, and authentication flows.

    ⚙ create pages⚙ create layouts⚙ create components
  • nextjs - Next.js 16 App Router patterns
    frontendnextjsapp-routerauthentication

    ★ 602 · Updated 2026-05-11

    Create pages, layouts, components, API routes, and authentication flows with Next.js 16 App Router

    ⚙ create pages⚙ create layouts⚙ create components
  • lithent - Lithent Agent Skills
    virtual DOMstate managementJSXcomponent framework

    ★ 48 · Updated 2026-05-09

    AI agent skills for working with the Lithent library

    ⚙ create components⚙ manage state⚙ create computed values
  • component demo - Component Demo Generator
    component developmentdemo creationReact componentsReact hooks

    ★ 18 · Updated 2026-03-26

    Create demonstration pages for React components and hooks

    ⚙ create components⚙ create hooks⚙ create demo pages
  • ai-elements - AI Elements component creator
    React componentsAI chatshadcn/uiVercel AI SDK

    ★ 8 · Updated 2026-03-24

    Create AI chat interface components following shadcn/ui patterns and Vercel AI SDK conventions

    ⚙ create components⚙ install components⚙ integrate code
  • ai-elements - Create AI Chat Components
    AIcomponentsUIReact

    ★ 18 · Updated 2026-03-24

    Create AI chat interface components for ai-elements library following composable patterns

    ⚙ create components⚙ install components⚙ generate code
  • Frontend Development - Frontend Development with Angular, React, Vue, Next.js
    AngularReactVueNext.js

    ★ 0 · Updated 2026-03-23

    Develop frontend applications using Angular, React, Vue, or Next.js frameworks

    ⚙ create components⚙ implement styles⚙ manage state
  • react-specialist - React 18+ Expert Development
    React 18+TypeScriptPerformance OptimizationServer Components

    ★ 57 · Updated 2026-03-23

    Expert React 18+ specialist for scalable, maintainable applications with performance optimization

    ⚙ query context⚙ review components⚙ analyze code
  • implement-feature - Implement UI Features in Mock App
    mock appfeature implementationUI componentstesting

    ★ 1 · Updated 2026-03-22

    End-to-end workflow for implementing UI-driven mock features with data models, reusable components, and automated testing.

    ⚙ clarify feature requirements⚙ update data model⚙ generate sample data
  • visual-audit - Web App Visual Design Audit Tool
    visual designUI auditresponsive designdark mode

    ★ 18 · Updated 2026-03-20

    Audits web design across viewports and modes with screenshots

    ⚙ discover routes⚙ take screenshots⚙ review layout
  • amplitude-ui-skills - Amplitude UI Design System for Agents
    design systemUI componentsinterface designdesign tokens

    ★ 89 · Updated 2026-03-19

    Guidelines and design tokens for building Amplitude-style interfaces with specified colors, fonts, spacing, and component styles

    ⚙ define design tokens⚙ apply color palette⚙ specify typography
  • system-architect - ROS 2 System Architect for scalable robotics system design
    ROS 2system designroboticsarchitecture

    ★ 8 · Updated 2026-02-12

    Designs scalable Node graphs, Topic namespaces, and QoS profiles for ROS 2 systems.

    ⚙ design node graphs⚙ design topic namespaces⚙ design QoS profiles