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

Browse skills that share this tag.

  • 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
  • design-thinking - Direction and Intent for Frontend Design
    frontend-designdesign-thinkingui-uxdesign-review

    ★ 46,798 · Updated 2026-09-18

    Provides direction and intent for frontend design, defining purpose, tone, domain, color world, review bar, and cross-domain lenses.

    ⚙ Define design purpose and tone⚙ Establish domain and color world⚙ Apply cross domain design lenses
  • frontend-design - Create distinctive production-grade frontend code
    frontend-designui-designdesign-systemhtml-css

    ★ 0 · Updated 2026-09-17

    Design and implement distinctive, production-ready user interfaces and code while avoiding generic layout generator patterns.

    ⚙ Evaluate designs using DFII scoring⚙ Define aesthetic tone and purpose⚙ Configure custom typography and colors
  • frontend-design - Frontend Interface and Form Design Specification
    frontend-designform-specificationsuser-onboardingrequest-schema

    ★ 0 · Updated 2026-09-16

    Defines frontend design specifications for user profile initialization, AI assistant customization forms, and data validation logic.

    ⚙ Define user initialization workflow⚙ Read module technical specifications⚙ Specify data validation logic
  • critique - Evaluate design effectiveness from a UX perspective.
    critiqueuxui-designfrontend-design

    ★ 1 · Updated 2026-09-15

    Evaluates visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

    ⚙ Detect AI slop design patterns⚙ Evaluate visual hierarchy and balance⚙ Assess information architecture and discoverability
  • critique - Evaluate design effectiveness from a UX perspective
    ux-designdesign-critiqueuser-experienceui-review

    ★ 0 · Updated 2026-09-15

    Evaluates visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.

    ⚙ Detect AI generated design anti-patterns⚙ Evaluate visual hierarchy and composition⚙ Assess information architecture and navigation
  • arrange - Improve Layout and Visual Rhythm
    frontend-designlayoutspacingvisual-hierarchy

    ★ 3 · Updated 2026-03-26

    Assess and improve layout, spacing, and visual hierarchy for better compositions

    ⚙ analyze current layout⚙ assess spacing consistency⚙ evaluate visual hierarchy