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.

ui-architect - Design component architecture for legaltech UIs

Designs component architecture, layer separation, data flow, and design system selection for legaltech products.

Tags

Updated: 2026-09-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Gather product context and user journeys
  • Select suitable design system variants
  • Define product architectural layers
  • Map UI component hierarchy
  • Document end-to-end data flow
  • Generate UI architecture documentation

Inputs

  • Product requirements and target user info
  • Usage patterns and apex data sources
  • Key user journeys

Outputs

  • UI architecture document (docs/UI_ARCHITECTURE.md)
  • Component hierarchy specification
  • Data flow sequence descriptions

Requirements

  • claude-opus-4-5-20250514 model
  • File access tools (Read, Write, Glob, Bash, Grep, Edit)
  • MCP tools (mcp__memory__*, mcp__claude-in-chrome__*)

Source

  • Spec: SKILL.md
ui-architecture
legaltech
component-design
design-system
data-flow
Gather product context and user journeys
Select suitable design system variants
Define product architectural layers
Map UI component hierarchy
Product requirements and target user info
Usage patterns and apex data sources
Key user journeys
UI architecture document (docs/UI_ARCHITECTURE.md)
Component hierarchy specification
Data flow sequence descriptions