LogoClawIndex
CasesSkillsAbout
LogoClawIndex

implement-ui - Implement consistent UI with shared components

Implements UI changes with registered shared components, consistent styling, accessibility checks, and responsive layout guidance.

Tags

Updated: 2026-10-07

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Read component registry
  • Inspect existing components
  • Review showcase pages
  • Draft an implementation plan
  • Implement shared-component UI
  • Check WCAG AA compliance
  • Check responsive layouts
  • Propose missing primitives
  • Update component documentation

Inputs

  • UI work description
  • Component registry
  • Component source files
  • Showcase page source
  • Page or component context
  • User design decisions

Outputs

  • Implementation plan
  • UI source changes
  • Component registry updates
  • Showcase pages
  • Accessibility and responsive checks
  • User confirmation requests
  • Primitive design proposals
  • GitHub issue proposals

Requirements

  • Project source access
  • File modification access
  • Registered component library
  • Bootstrap layout support

Source

  • Spec: SKILL.md

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.
UI implementation
component library
design system
accessibility
responsive design
Blazor
Read component registry
Inspect existing components
Review showcase pages
Draft an implementation plan
UI work description
Component registry
Component source files
Implementation plan
UI source changes
Component registry updates