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 tagged: ui

Browse skills that share this tag.

  • avoid-ai-design - Audit and rewrite frontend UI to remove AI design patterns
    designuifrontendai-slop

    ★ 79 · Updated 2026-09-22

    Audits and rewrites HTML/CSS and React/Tailwind frontend UI to eliminate generic AI design patterns, with support for audit-only mode.

    ⚙ Audit frontend code for AI patterns⚙ Render UI previews when available⚙ Commit to unified design directions
  • stave-design-system - Stave desktop-first design system guidelines
    design-systemuishadcnstave

    ★ 4 · Updated 2026-09-22

    Applies Stave desktop-first design system and shadcn components for UI, layout, theme, and visual UX tasks.

    ⚙ Apply Stave desktop design system⚙ Use existing shadcn components⚙ Generate missing shadcn components
  • frontend-design - Guidance for distinctive visual design when building UI.
    frontenddesignuitypography

    ★ 0 · Updated 2026-09-22

    Provides guidance for intentional visual design, typography, color, layout, and copy when creating or updating UIs.

    ⚙ Ground designs in subject matter⚙ Create design plan with tokens⚙ Review design plan against brief
  • Layout Designer - Design responsive page layouts and grid systems.
    layoutgriddesigncomposition

    ★ 0 · Updated 2026-09-22

    Creates functional page layouts and grid systems using spacing, design theory, and visual hierarchy principles.

    ⚙ Design landing page layouts⚙ Design dashboard application layouts⚙ Design editorial content layouts
  • withseismic-grid - Layout system for web pages using a twelve-unit grid
    withseismicgridlayoutreact

    ★ 0 · Updated 2026-09-22

    Builds web page layouts and UIs using @withseismic/grid components based on arithmetic grid rules and ladder fractions.

    ⚙ Install @withseismic/grid layout package⚙ Render grid layout primitives⚙ Compose page movements and rows
  • delight - Add moments of joy and polish to user interfaces
    uiuxfrontendanimation

    ★ 0 · Updated 2026-09-22

    Identifies opportunities and implements subtle animations, personality copy, micro-interactions, sound cues, and celebrations to enhance interface usability.

    ⚙ Assess delight opportunities in interfaces⚙ Implement micro-interactions and animations⚙ Add personality to UI copy
  • popular-web-designs - 54 Real-World Design Systems for HTML/CSS Generation
    designcsshtmlui

    ★ 3 · Updated 2026-09-22

    Provides 54 real-world design system templates with visual tokens and component specs for generating HTML and CSS.

    ⚙ Select design system templates⚙ Load template design specifications⚙ Apply design tokens and styles
  • frontend-design - Create distinctive, production-grade frontend interfaces.
    frontenddesignuicode-generation

    ★ 3 · Updated 2026-09-21

    Generates production-grade frontend code for web components, pages, artifacts, and applications while avoiding generic AI aesthetics.

    ⚙ Gather required project design context⚙ Run teach-impeccable for missing context⚙ Establish bold conceptual design directions
  • overdrive - Push web interfaces past conventional limits.
    frontenduianimationperformance

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces past conventional limits using advanced browser APIs, motion physics, and high-performance rendering techniques.

    ⚙ Propose multiple design directions⚙ Iterate visual effects with browser automation⚙ Implement progressive enhancement fallbacks
  • popular-web-designs - 54 real design systems as HTML/CSS templates.
    designcsshtmlui

    ★ 0 · Updated 2026-09-21

    Provides 54 real-world design system templates and token specs for generating styled HTML and CSS.

    ⚙ Load design system templates⚙ Apply CSS custom properties⚙ Map Google Fonts substitutes
  • overdrive - Push interfaces past conventional limits with custom effects.
    frontenduianimationwebgl

    ★ 0 · Updated 2026-09-21

    Pushes web interfaces beyond conventional limits using shaders, virtual scrolling, advanced animations, and performance optimization techniques.

    ⚙ Propose technical implementation directions⚙ Preview effects via browser automation⚙ Implement cinematic interface transitions
  • prism - Render structured HTML documents with visual hierarchy.
    htmlvuedocumentui

    ★ 56 · Updated 2026-09-21

    Renders structured HTML documents using Vue components and builds them into self-contained single-file HTML output.

    ⚙ Render structured HTML documents⚙ Compose Vue UI components⚙ Build single-file HTML outputs
  • flutter-expert - Master Flutter 3.x and Dart 3 multi-platform development.
    flutterdartcross-platformmobile

    ★ 6 · Updated 2026-09-21

    Provides guidance and code implementation for Flutter multi-platform development, state management, UI design, and performance optimization.

    ⚙ Build multi-platform Flutter applications⚙ Optimize Impeller rendering engine⚙ Implement state management patterns
  • popular-web-designs - 54 production-quality design systems from real websites
    designcsshtmlui

    ★ 0 · Updated 2026-09-21

    Loads templates to generate HTML and CSS matching visual identities of popular websites like Stripe, Linear, Vercel, Notion, and Airbnb.

    ⚙ Load design templates⚙ Generate styled HTML and CSS⚙ Apply visual design tokens
  • n-rate - Naive UI n-rate rating component
    naive-uivueratecomponent

    ★ 8 · Updated 2026-09-20

    Provides usage guidance and examples for the Naive UI n-rate rating component.

    ⚙ Render basic rating component⚙ Configure rating sizes and colors⚙ Support half star precision
  • minimalist-ui - Premium Utilitarian Minimalism UI Architect
    frontenddesignminimalismui

    ★ 0 · Updated 2026-09-20

    Creates clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

    ⚙ Design bento grid layouts⚙ Apply warm monochrome palettes⚙ Implement subtle micro animations
  • liuguang-banlan-ui - Parameterized UI modes for iridescent white and colorful black
    uifrontendoklchwebgl

    ★ 17 · Updated 2026-09-20

    Builds two parameterized UI modes (iridescent white and colorful black) using OKLCH, WebGL with CSS fallback, vision gating, and screenshot QA reports.

    ⚙ Classify UI request theme modes⚙ Implement parameterized theme contract⚙ Build WebGL spectral field renderer
  • implementing-wpf-adorners - Implementing WPF Adorners
    wpfadornerxamlui

    ★ 0 · Updated 2026-09-19

    Implements WPF Adorner decoration layers and custom adorners for overlaying visual elements.

    ⚙ Create custom WPF Adorner classes⚙ Add adorners to AdornerLayer⚙ Remove adorners from UIElement
  • frontend-design - Guidance for distinctive visual frontend design.
    frontenddesignuitypography

    ★ 0 · Updated 2026-09-19

    Provides principles and process for designing distinctive UIs with custom typography, color palettes, layouts, and copy without default templates.

    ⚙ Brainstorm design plans⚙ Establish custom token systems⚙ Define distinct typography pairings
  • animate - Enhance features with animations and micro-interactions
    animationuimicro-interactionsfrontend

    ★ 0 · Updated 2026-09-19

    Analyzes UI features and strategically adds animations, transitions, and micro-interactions to improve usability and visual feedback.

    ⚙ Identify static UI areas⚙ Assess motion context and performance⚙ Plan animation strategy

Scroll to load more