graffiti-best-practices
CommunitySet Graffiti markup on the right track.
Authorstolinski
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Graffiti Best Practices guide teams to generate markup that adheres to the canonical Graffiti component primitives, promotes accessibility, and reduces inline style debt.
Core Features & Use Cases
- System-first mappings to canonical components from the Graffiti docs and templates.
- Guidance for layout, tokens, and safety checks to avoid duplicating built-ins or introducing new styling systems.
- Real-world usage: generate UI shells, forms, and content sections with correct structure and semantics.
Quick Start
Craft a minimal Graffiti-native section using neutral wrappers and canonical components (e.g., header + nav + main) and avoid inline styles except for approved token overrides.
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: graffiti-best-practices Download link: https://github.com/stolinski/s-stack/archive/main.zip#graffiti-best-practices 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 471,000+ vetted skills library on demand.