CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. owl-listener
  4. /
  5. designer-skills
  6. /
  7. Pattern Library

Pattern Library

Editor's Note

Turns out documenting design patterns properly is harder than most teams think, and this skill gives you a structured way to do it right. It walks you through creating pattern library entries that start with the problem context, then cover the solution anatomy, variants, behavior states, accessibility considerations, and connections to related patterns. The format pushes you to include both good examples and anti-patterns with explanations, which is honestly the most useful part since that's what people actually need to see. If you're building or maintaining a design system and tired of patterns being documented inconsistently or missing critical details, this gives you a repeatable template that captures the knowledge properly.

Install

npx skills add https://github.com/owl-listener/designer-skills --skill pattern-library
Votes
0
Installs527
GitHub Stars1.4k
Categories
Design & UI/UX
First SeenJun 3, 2026
View on GitHub

Comments

Login to comment

Related Design & UI/UX Skills

View all →
ui-ux-pro-max

binjuhor/shadcn-lar

0
59
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
ui-ux-pro-max

The1Studio/theone-training-skills

0
27
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
figma-create-design-system-rules

figma/mcp-server-guide

0
1.6k
1.4k
figma create design system rules
figma-create-design-system-rules

openai/skills

0
617
19.2k
figma create design system rules
frontend-design-system

supercent-io/skills-template

0
8.5k
88
Production-grade UI design with design tokens, layout rules, motion guidance, and accessibility validation.
design-system

supercent-io/skills-template

0
3.2k
88
Production-grade UI design system with design tokens, layout rules, motion guidelines, and accessibility validation.