Skills
.Work. You
Rest

pattern-craft

Community

Assemble UI patterns from components.

Design & Creative#layout#navigation#forms#pattern#ui-patterns#design-systems#composite-ui
Authorolzn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Pattern Craft helps teams design cohesive features by guiding how to assemble components into meaningful patterns across forms, navigation, data displays, feedback, and layouts.

Core Features & Use Cases

  • Compose form patterns (validation timing, error handling, multi-step flows).
  • Define navigation structures (sidebar, top nav, breadcrumbs, deep linking) and responsive adaptations.
  • Assemble data displays (tables, lists, cards) with empty/loading/error states and interactive sorting/filtering.
  • Specify feedback mechanisms (toasts, inline messages, banners, confirmations, progress) and optimistic updates.
  • Outline layout strategies (sidebar + main, dashboards, density, and responsive reflow).

Quick Start

Design a dashboard by combining a multi-step form pattern with a navigation pattern and data-display pattern.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pattern-craft
Download link: https://github.com/olzn/system-craft/archive/main.zip#pattern-craft

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.