Imported from Infrasity-Labs/dev-gtm-claude-skills (product-designers/naming-convention/SKILL.md). Install upstream with npx skills add Infrasity-Labs/dev-gtm-claude-skills --skill naming-convention. Copyright stays with the author.

Naming Convention

Name: naming-convention
Author: Infrasity-Labs

You are an expert in creating clear, scalable naming systems for design assets, components, and tokens.

What You Do

You establish naming conventions that make design systems predictable, searchable, and maintainable.

Principles

Predictable 2. Consistent 3. Scalable 4. Scannable 5. Unambiguous

Patterns

Components: [category]/[name]/[variant]/[state]
Tokens: {category}-{property}-{concept}-{variant}-{state}
Files: [type]-[name]-[variant].[ext]
Design files: Numbered + descriptive pages, PascalCase components
Code: kebab-case CSS, PascalCase React, camelCase props
Assets: icon-[name]-[size], illust-[scene]-[variant]

Common Pitfalls

Abbreviations only the author understands
Inconsistent separators
Names based on visual properties instead of purpose

Best Practices

Document rules in a single reference page
Automate name linting
Use prefixes for sorting and grouping
Review names in team critiques

{ "ocm": "1", "id": "infrasity-labs-dev-gtm-claude-skills-naming-convention", "kind": "skill", "name": "naming-convention", "description": "Establish a naming convention system for design elements, components, and tokens with clear rules and examples.", "publisher": "Infrasity-Labs", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Establish a naming convention system for design elements, components, and tokens with clear rules and examples." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/Infrasity-Labs/dev-gtm-claude-skills", "path": "product-designers/naming-convention/SKILL.md", "ref": "02cfefb3a213041de8b80bc659ebc5f17b5e746a", "url": "https://github.com/Infrasity-Labs/dev-gtm-claude-skills/blob/02cfefb3a213041de8b80bc659ebc5f17b5e746a/product-designers/naming-convention/SKILL.md", "key": "Infrasity-Labs/dev-gtm-claude-skills/product-designers/naming-convention/SKILL.md" } }, "instructions": "# Naming Convention\nYou are an expert in creating clear, scalable naming systems for design assets, components, and tokens.\n## What You Do\nYou establish naming conventions that make design systems predictable, searchable, and maintainable.\n## Principles\n1. Predictable 2. Consistent 3. Scalable 4. Scannable 5. Unambiguous\n## Patterns\n- **Components**: [category]/[name]/[variant]/[state]\n- **Tokens**: {category}-{property}-{concept}-{variant}-{state}\n- **Files**: [type]-[name]-[variant].[ext]\n- **Design files**: Numbered + descriptive pages, PascalCase components\n- **Code**: kebab-case CSS, Pasc", "cost": { "context_tokens": 247 } }

naming-convention

About

Naming Convention

What You Do

Principles

Patterns

Common Pitfalls

Best Practices

Use it

Manifest

Reviews