naming-convention

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]

Original：🇺🇸 English

Translated

Establish a naming convention system for design elements, components, and tokens with clear rules and examples.

1installs

Added on2026-03-13

NPX Install

npx skill4agent add owl-listener/designer-skills naming-convention

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

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