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: css

Browse skills that share this tag.

  • web-design-reviewer - Visually inspect and fix web design issues.
    web-designui-reviewvisual-inspectioncss

    ★ 0 · Updated 2026-09-23

    Visually inspect local or remote websites to identify layout, responsive, accessibility, and visual issues, and fix them in source code.

    ⚙ Navigate web pages⚙ Capture screenshots⚙ Analyze images for visual issues
  • soft-pastel - Soft Pastel Design Web and App Implementation Guide
    ui-designsoft-pastelcssswiftui

    ★ 0 · Updated 2026-09-23

    Provides implementation guidelines and code snippets for Soft Pastel UI design across Web, SwiftUI, Flutter, React Native, and Jetpack Compose.

    ⚙ Guide soft pastel UI implementation⚙ Provide CSS pastel styling examples⚙ Provide SwiftUI pastel view code
  • responsive-craft - Implement responsive layouts across multiple viewports
    responsive-designcssmobile-firstviewport-preview

    ★ 76 · Updated 2026-09-23

    Implements responsive web design by auditing existing sites, building mobile-first layouts, and launching multi-breakpoint previews.

    ⚙ Audit existing responsive layouts⚙ Build mobile-first responsive layouts⚙ Launch live multi-breakpoint previews
  • neumorphism - Web and App implementation guide for Neumorphism (Soft UI).
    neumorphismsoft-uifrontendcss

    ★ 3 · Updated 2026-09-22

    Provides implementation guidance and code examples for Neumorphism styling across Web, SwiftUI, Flutter, React Native, and Jetpack Compose.

    ⚙ Implement neumorphic styling in CSS⚙ Implement neumorphic views in SwiftUI⚙ Implement neumorphic widgets in Flutter
  • tailwindcss-plugins - Tailwind CSS Official and Custom Plugins Guide
    tailwindcsspluginscsstypography

    ★ 18 · Updated 2026-09-22

    Provides usage guidelines for official Tailwind CSS plugins and instructions for creating custom plugins.

    ⚙ Install official plugins⚙ Style content typography⚙ Reset form element styles
  • lumos-import-figma - Import Figma designs into Lumos for Astro
    figmalumosastrodesign-tokens

    ★ 0 · Updated 2026-09-22

    Build Astro pages or generate Lumos tokens from Figma files by reconciling design values against base styles using convert.mjs.

    ⚙ Read Figma context and screenshots⚙ Inventory design values across categories⚙ Convert design values to fluid tokens
  • y2k-design - Y2K Design Implementation Guide
    y2kui-designcssswiftui

    ★ 281 · Updated 2026-09-22

    Provides Web and App code snippets for implementing Y2K design aesthetics including chrome text and blob shapes.

    ⚙ Implement Y2K design styling⚙ Create metallic chrome text effects⚙ Style amorphous blob buttons
  • frontend-design - Spendly UI Designer
    frontend-designui-designflaskjinja2

    ★ 1 · Updated 2026-09-22

    Designs and generates UI for Spendly, a personal expense tracker built on Flask, Jinja2, and vanilla CSS.

    ⚙ Design Spendly UI components⚙ Generate Jinja2 template code⚙ Write vanilla CSS styles
  • 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
  • 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
  • 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
  • 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
  • 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
  • design-taste - Design and polish web interfaces with elite taste
    ui-designfrontendcsstypography

    ★ 58 · Updated 2026-09-20

    Builds, reviews, and polishes web interfaces using frontend design engineering principles, design rules, motion craft, and anti-pattern detection.

    ⚙ Design web interfaces⚙ Review UI code⚙ Polish styling and motion
  • web-design-standards-review - Web Design Standards Review
    web-standardscssaccessibilityresponsive-design

    ★ 0 · Updated 2026-09-20

    Evaluate and apply web UI design and implementation principles using W3C/WHATWG standards and MDN, web.dev, and WAI guidance.

    ⚙ Define web UI design principles⚙ Review responsive layout⚙ Apply feature detection
  • industrial-brutalist-ui - Industrial Brutalism & Tactical Telemetry UI
    ui-designbrutalismtypographycss

    ★ 0 · Updated 2026-09-20

    Architects web interfaces fusing Swiss typographic print, industrial manuals, and retro-futuristic telemetry displays with rigid grids.

    ⚙ Build rigid modular grid layouts⚙ Apply extreme typographic scale contrast⚙ Implement utilitarian substrate color palettes
  • 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
  • demo-ui-tokens - Monochrome design system CSS tokens reference for demo UI
    cssdesign-systemui-tokensstyling

    ★ 37 · Updated 2026-09-19

    Provides complete CSS custom property token reference for colors, spacing, typography, and layout in demo UI styling.

    ⚙ Reference color tokens⚙ Reference spacing increments⚙ Reference typography specifications
  • Maple CSS Engine - Variable-first runtime CSS engine for user interfaces
    cssstylingmaple-cssresponsive-design

    ★ 34 · Updated 2026-09-18

    Guides AI assistants to write responsive interface styles using Maple CSS engine syntax and reference documentation.

    ⚙ Read Maple reference documentation⚙ Compose Maple utility class names⚙ Define scoped CSS variable tokens
  • premium-frontend-ui - Crafting immersive, high-performance web user interfaces
    frontenduianimationcss

    ★ 2 · Updated 2026-09-18

    Provides guidelines to architect immersive web applications with advanced motion design, typography, and performance optimizations.

    ⚙ Implement preloader components⚙ Build full-bleed hero sections⚙ Create scroll-reactive sticky navigation

Scroll to load more