Pattern Library Manager
ytvee-dev/webdev-agent-kitAdd or tighten reusable approved patterns and anti-patterns in common/** with source-backed examples, approvals, graph links, evals, and validation. Keep project-specific patterns in local-only project/**.
At a glance
This skill is for Productivity and helps you maintain a pattern library, document reusable code patterns, and add validated patterns with examples.
/plugin marketplace add ytvee-dev/webdev-agent-kit
/plugin install pattern-library-manager
Setup, runtime and requirements describe ytvee-dev/webdev-agent-kit, the repo this skill ships in.
design-systemsdocumentationCode OrganizationReusable Componentsknowledge-managementPattern Validation
Also in ytvee-dev/webdev-agent-kit
View the repoCreate, evaluate, or edit this .agents WebDev Agent Kit, including AGENTS.md, common/**, project/**, skills/**, metadata, validators, and pr...
Turn user-supplied screenshots, copied inspect values, exports, assets, or design notes into a strict frontend Design Implementation Spec. L...
Create, resume, analyze, or converge standard and deep frontend execution plans with traceable slices, evidence, and stop/resume state. Skip...
Plan architecture and ownership for standard or deep React/Next.js work across routing, state, data, styling, forms, builds, migrations, and...
Diagnose and fix frontend defects from evidence, including unclear UI/runtime errors, broken routes, styling regressions, and hydration or c...
Set subject-grounded visual direction for standard or deep UI work, redesign, polish, critique, anti-template review, or design handoff. Ski...
Ground standard or deep UI work in product category, page pattern, design dials, domain UX risks, and anti-patterns before visual direction....
Implement an approved Design Implementation Spec or screenshot-derived spec in React/Next.js using existing CSS Modules, Redux, TanStack, an...
Run scoped frontend lint verification, repair related lint failures, or plan explicitly requested lint setup. Prefer existing commands; depe...
Review frontend quality from evidence across code, UI, architecture, TypeScript, security, performance, verification, decomposition, UX, and...
Perform bounded, behavior-preserving frontend refactors such as component extraction, file moves, prop or interface cleanup, state simplific...
Verify rendered frontend evidence after implementation, including screenshot comparison, responsiveness, overflow, visible states, and scope...
Other Productivity skills
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use...
Replace with description of the skill and when Claude should use it.
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, ed...
Ask which skill or flow fits your situation. A router over the skills in this repo.
Turn a decision you can't fully answer into a questionnaire for someone else to fill in.
Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize note...