generating-design-rules
OfficialEnforce marketing site design system.
Marketing & Sales#design system#brand guidelines#sveltekit#css tokens#rule generation#code enforcement
Authormusher-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automatically generates a Claude Code rule file to enforce the marketing site's design system, ensuring consistency in spacing, typography, and color tokens.
Core Features & Use Cases
- Design Token Extraction: Pulls live design tokens from
app.css. - Brand Voice Integration: Incorporates voice constraints from the Brand Packet.
- Rule File Generation: Creates a
.claude/rules/marketing-design-system.mdfile. - Use Case: After updating design tokens in
app.css, run this Skill to update the enforcement rules, ensuring all future marketing site edits adhere to the latest design standards.
Quick Start
Run the generating-design-rules skill to create the marketing design system rules file.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: generating-design-rules Download link: https://github.com/musher-dev/bundles/archive/main.zip#generating-design-rules 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.