Skills
.Work. You
Rest

web-patterns

Official

Foundational web patterns for AI-driven UI

Software Engineering#accessibility#training-data#ui-patterns#shadow-dom#aria-patterns#bElement#web-patterns
Authorplaited
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a canonical repository of foundational web patterns to guide AI-driven UI generation, ensuring consistent, accessible, and Shadow DOM–compatible components across projects.

Core Features & Use Cases

  • Training data foundation for Plaited's agent world model to learn web APIs, patterns, and accessibility practices
  • Native HTML-first patterns and Shadow DOM–friendly templates to accelerate code generation
  • ARIA patterns and accessibility guidance for common widgets (accordion, dialog, breadcrumb, listbox, etc.)
  • Pattern documentation and references to support design-system integration and learning workflows

Quick Start

Review the references directory to understand foundational web patterns and begin integrating them into your UI components.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: web-patterns
Download link: https://github.com/plaited/plaited/archive/main.zip#web-patterns

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 223,000+ vetted skills library on demand.