OpenClaw LaunchOpenClaw Launch
📚

Pattern Library Builder

Verified

by Community

Creates a structured UI pattern library documenting recurring design solutions. Covers pattern identification, documentation format, usage guidelines, and integration with your component library and design system.

pattern-libraryui-patternsdesign-systemreusability

Pattern Library Builder

Build a UI pattern library that documents reusable design solutions.

Usage

Describe your product to identify and document recurring UI patterns.

Examples

  • "Identify common UI patterns in our e-commerce platform"
  • "Document our search and filter pattern for reuse"
  • "Create a pattern library from our existing designs"

Guidelines

  • Distinguish between UI components and design patterns
  • Document the problem each pattern solves
  • Include when to use and when not to use each pattern
  • Show real examples from your product
  • Link patterns to implementing components

More Design Tools Skills

🎨
Figma Auto Layout

Master Figma auto layout for responsive designs.

💎
Sketch Symbol Organizer

Organize Sketch symbols and shared styles efficiently.

🎯
Design Token Manager

Create and manage design tokens for consistency.

🔣
Icon Set Generator

Create consistent icon sets for your product.