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: design specifications

Browse skills that use this input.

  • 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
  • design-system-patterns - Build scalable design systems
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ define design tokens⚙ configure theme infrastructure⚙ build component libraries
  • ui-styling - Build Beautiful Accessible UIs with Shadcn and Tailwind
    UIstylingTailwind CSSshadcn/ui

    ★ 602 · Updated 2026-06-15

    Create beautiful, accessible UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual designs.

    ⚙ create user interfaces⚙ style with Tailwind CSS⚙ add accessible components
  • frontend-developer - Modern Frontend Development Expert
    frontendweb developmentReactVue

    ★ 18 · Updated 2026-03-26

    Build responsive web applications with modern frameworks and optimize performance

    ⚙ build web applications⚙ implement UI components⚙ optimize performance
  • aksel - Aksel - Nav's Design System
    design systemReact componentsUI developmentaccessibility

    ★ 0 · Updated 2026-03-26

    Build UI with React components, design tokens, and layout primitives following Nav's accessibility guidelines

    ⚙ select React components⚙ apply design tokens⚙ use layout primitives
  • 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
  • ux - UX Design for PastCare
    UX DesignResponsive DesignAccessibilityUI Components

    ★ 0 · Updated 2026-03-22

    Implement UX patterns including responsive design and accessibility

    ⚙ design responsive components⚙ create theme-aware styles⚙ apply spacing systems
  • qa-workflow - QA Validation Workflow Orchestration
    QAvalidationworkflowtesting

    ★ 1 · Updated 2026-03-11

    Orchestrates complete QA validation workflow using specialized skills

    ⚙ Load skills and tools⚙ Run tasks⚙ Run subagents
  • code-quality-foundations - Code quality foundations and decision frameworks
    code qualitysoftware designcode reviewbest practices

    ★ 57 · Updated 2026-03-09

    Provides frameworks for evaluating code quality, setting goals, choosing abstraction levels, and making design tradeoffs

    ⚙ evaluate code quality⚙ set quality goals⚙ choose abstraction levels
  • code-quality-foundations - Code Quality Foundations: Pillars, Goals and Design Principles
    code-qualitysoftware-designarchitecturebest-practices

    ★ 0 · Updated 2026-03-09

    Provides framework for evaluating code quality, making design decisions, and auditing against quality pillars

    ⚙ evaluate code quality⚙ set quality goals⚙ choose abstraction levels
  • ui-clone - Pixel-perfect UI cloning from screenshots or reference pages
    ui-cloningfrontend-developmentnextjstailwind-css

    ★ 602 · Updated 2026-03-09

    Replicate UI designs with pixel-perfect accuracy in Next.js App Router projects

    ⚙ analyze UI screenshots⚙ break down design structure⚙ generate visual specifications
  • rams - Accessibility and Visual Design Review for UI Components
    accessibilitydesign reviewWCAG complianceUI testing

    ★ 211 · Updated 2026-02-23

    Review UI code for WCAG compliance and visual design issues

    ⚙ scan code for accessibility issues⚙ review visual design problems⚙ identify WCAG violations
  • rams - Rams Design Review for Accessibility and Visual Issues
    accessibilitydesign-reviewWCAGUI

    ★ 0 · Updated 2026-02-23

    Review UI code for WCAG compliance and visual design issues

    ⚙ review UI code⚙ check WCAG compliance⚙ detect visual issues
  • ui-design-iteration - Iterate data-intensive UI designs to improve scannability, hierarchy, accessibility, and system...
    UI designUX iterationaccessibilitydesign system

    ★ 211 · Updated 2026-02-17

    Iterates on data-intensive UI designs to improve scannability, hierarchy, accessibility, and systematization

    ⚙ review UI designs⚙ analyze user interfaces⚙ identify UX issues
  • frontend-ui - Frontend UI Development with React 19 and Tailwind 4
    frontendreactui-developmenttypescript

    ★ 18 · Updated 2026-02-15

    Handles frontend UI-specific patterns when working inside src/react-app directory

    ⚙ read source files⚙ edit code files⚙ write new components
  • rest-endpoint-designer - Automated REST Endpoint Design for API Development
    apirestgraphqlopenapi

    ★ 1,727 · Updated 2026-02-13

    Designs REST endpoints for API development following best practices.

    ⚙ read documentation⚙ write code⚙ edit configurations
  • animating-advanced - Cinematic Interaction Designer - Awwwards-level Animations
    animationwebglinteractiongsap

    ★ 18 · Updated 2026-02-13

    Creates high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis for hero sections, 3D interactions, and scroll-linked storytelling.

    ⚙ create high-performance animations⚙ implement smooth scrolling⚙ build 3D interactions
  • api-designer - REST and GraphQL API Design Expert
    api-designrest-apigraphqlcoding

    ★ 3 · Updated 2026-02-12

    Designs clean, scalable, and well-documented APIs following best practices

    ⚙ design REST API structure⚙ implement GraphQL schemas⚙ create API documentation
  • rest-endpoint-designer - Automated REST endpoint design for API development
    apirestgraphqlopenapi

    ★ 602 · Updated 2026-02-12

    Builds and designs REST endpoints for API development

    ⚙ design REST endpoints⚙ generate endpoint code⚙ validate configurations

Scroll to load more