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

Browse skills that share this tag.

  • high-end-visual-design - High-end agency-level UI/UX and motion design guide.
    ui-designux-designfrontendtailwind-css

    ★ 7 · Updated 2026-09-23

    Defines design rules, layout archetypes, micro-interactions, and motion standards to build high-end web user interfaces.

    ⚙ Block generic UI default design patterns⚙ Select creative vibe and layout archetypes⚙ Construct double-bezel nested card containers
  • high-end-visual-design - Principal UI/UX Architect and Motion Choreographer
    ui-designux-designtailwind-cssmotion-design

    ★ 0 · Updated 2026-09-23

    Defines rules for high-end UI design featuring spatial layouts, double-bezel component architecture, fluid motion choreography, and strict anti-patterns.

    ⚙ Enforce strict design anti-patterns⚙ Apply dynamic visual layout archetypes⚙ Construct double-bezel card architectures
  • penpot-uiux-design - Guide for Penpot UI/UX design using MCP tools.
    penpotui-designux-designmcp-tools

    ★ 0 · Updated 2026-09-22

    Provides rules and workflows for creating UI/UX designs, components, and design systems in Penpot via MCP tools.

    ⚙ Execute code in Penpot context⚙ Export shapes as PNG or SVG⚙ Import images into Penpot designs
  • onboard - Design and improve onboarding flows and empty states.
    onboardingux-designempty-statesuser-experience

    ★ 0 · Updated 2026-09-19

    Design onboarding flows, empty states, tooltips, and interactive walkthroughs to guide users to value quickly.

    ⚙ Assess onboarding needs and user context⚙ Design product onboarding and welcome screens⚙ Create empty state interface specifications
  • h-frontend-design - Frontend UI/UX design reference and guidance
    frontendui-designux-designtypography

    ★ 0 · Updated 2026-09-19

    Provides UI/UX design guidance across typography, color, spatial layout, motion, interaction, responsive design, and UX writing.

    ⚙ Establish project context and constraints⚙ Provide typography design guidance⚙ Provide color and contrast guidance
  • prd-ux - Translate product requirements into UX foundations
    ux-designprdinformation-architectureproduct-management

    ★ 0 · Updated 2026-09-16

    Transforms product requirements into UX foundations using six forced designer mindset passes prior to visual specifications.

    ⚙ Analyze user mental models⚙ Define information architecture⚙ Map affordances and action clarity
  • 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
  • aura-dna - Core Product, UX, and engineering guidelines for Fluxo AI.
    aurafluxo-aiux-designengineering-standards

    ★ 0 · Updated 2026-09-14

    Defines core Product/UX and engineering philosophies for Fluxo AI to guide flow design, code writing, refactoring, and self-checks.

    ⚙ Apply Product and UX philosophies⚙ Enforce engineering architecture rules⚙ Validate changes with self-check list
  • ux-wise-agent - Peer-level UX reasoning partner
    ux-designproduct-designinteraction-designuser-research

    ★ 49 · Updated 2026-09-14

    Provides UX reasoning, design critiques, pattern recommendations, accessibility reviews, and research methodology guidance.

    ⚙ Evaluate UX designs⚙ Recommend interaction patterns⚙ Guide research methodology
  • kaan-ux-designer - UX designer and UI specialist for design specifications
    ux-designui-specialistagent-personainteraction-design

    ★ 0 · Updated 2026-09-14

    Translates user needs into interaction design and UX specifications while providing interactive agent persona support.

    ⚙ Translate user needs into UX specifications⚙ Resolve agent customization settings⚙ Execute prepended and appended activation steps
  • bmad-agent-ux-designer - UX designer and UI specialist for interaction design.
    ux-designui-designbmadagent-persona

    ★ 1 · Updated 2026-09-13

    Translates user needs into interaction design and UX specifications while supporting customized persona activation.

    ⚙ Resolve customization settings⚙ Adopt UX designer persona⚙ Load persistent context and configuration
  • designer - UI/UX Designer for Interface and Experience Design
    ui-designux-designmockupwireframe

    ★ 18 · Updated 2026-09-11

    Creates mockups, wireframes, and design specifications for interface design and user experience.

    ⚙ Design visual interfaces⚙ Style UI components⚙ Design user flows
  • storyboard - Interactive storyboard creation for narratives and UI flows.
    storyboardux-designui-flownarrative

    ★ 2 · Updated 2026-09-11

    Creates interactive storyboards to explore narrative arcs, user journeys, and UI flows using Narrative or UI Flow modes.

    ⚙ Create interactive storyboards⚙ Support Narrative and UI Flow modes⚙ Gather context via guided questions
  • tutorial-onboarding - Tutorial Onboarding Planning and Validation
    onboardingtutorialux-designgame-design

    ★ 3 · Updated 2026-09-10

    Plan and validate first-session onboarding, teaching order, messaging, and skill ramp when players are confused or new complexity is added.

    ⚙ Plan first-session onboarding⚙ Validate teaching order⚙ Design UI and copy prompts
  • aidlc-ux-design-skill - UX Design
    ux-designui-designwireframenavigation-map

    ★ 15 · Updated 2026-09-10

    Translates requirements and stories into user interface designs, screen layouts, navigation flows, and visual structures.

    ⚙ Identify required screens for goals⚙ Define system navigation maps⚙ Specify screen data and actions
  • critique - Evaluates design effectiveness and UX quality
    ux-designdesign-critiqueui-reviewvisual-hierarchy

    ★ 0 · Updated 2026-09-09

    Evaluates interface design quality across visual hierarchy, information architecture, emotional resonance, and AI anti-patterns with actionable feedback.

    ⚙ Detect AI design anti-patterns⚙ Evaluate visual hierarchy and architecture⚙ Assess UX emotional resonance
  • ui-ux-design - Modern UI/UX Design Principles and Component Guidelines
    ui-designux-designresponsive-designaccessibility

    ★ 0 · Updated 2026-09-09

    Provides principles and patterns for UI/UX design, responsive layouts, accessibility compliance, and Shadcn UI with Tailwind CSS integration.

    ⚙ Design web and mobile user interfaces⚙ Define typography color and layout systems⚙ Implement mobile-first responsive layouts
  • senior-ui-designer - Senior UI/UX Design Guidance for SaaS Interfaces
    ui-designux-designsaasdesign-system

    ★ 602 · Updated 2026-09-09

    Provides UI/UX design guidance for SaaS interfaces, covering interaction design, visual hierarchy, accessibility, OKLCH color theory, and design systems.

    ⚙ Design user interfaces and visual hierarchy⚙ Create interaction designs and micro-interactions⚙ Develop design system architecture
  • ui-ux-designer - UI/UX Design and Design Systems
    ui-designux-designdesign-systemsaccessibility

    ★ 2 · Updated 2026-06-15

    Create interface designs, wireframes, and design systems

    ⚙ create designs⚙ create wireframes⚙ create design systems
  • ui-ux-designer - UI/UX Design Systems & Accessibility
    ui-designux-designdesign-systemsaccessibility

    ★ 28 · Updated 2026-06-15

    Create interface designs, wireframes, and design systems with focus on accessibility and user research

    ⚙ create interface designs⚙ design wireframes⚙ build design systems

Scroll to load more