usage-guidelines
CommunityWrite component usage guidelines.
Design & Creative#anti-patterns#accessibility#design system#component guidelines#developer documentation#usage documentation
Authormurphytrueman
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps create clear, actionable usage guidelines for specific components, preventing misuse and ensuring consistent application across a design system.
Core Features & Use Cases
- Component Guidance: Generates detailed instructions on when to use, when not to use, and how to correctly implement a component.
- Anti-pattern Identification: Documents common mistakes and provides clear corrections.
- Use Case: A developer needs to understand the correct way to use a new
Tooltipcomponent. They use this Skill to generate guidelines covering its purpose, when to use it instead of aPopover, and common anti-patterns like using it for critical information.
Quick Start
Write usage guidelines for the 'Avatar' component.
Dependency Matrix
Required Modules
None requiredComponents
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: usage-guidelines Download link: https://github.com/murphytrueman/design-system-ops/archive/main.zip#usage-guidelines Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.