Code Quality & Linting
Installation
SKILL.md
Code Quality & Linting
Naming Conventions
| Type | Convention | Example |
|---|---|---|
| React Components | PascalCase | LayerPanel.jsx, ExportModal.jsx |
| Hooks | camelCase + use prefix |
useCanvas.js, useSegmentation.js |
| Stores | camelCase + Store suffix |
editorStore.js |
| Utils/Libs | camelCase | apiClient.js, psdExporter.js |
| CSS files | camelCase or kebab-case | global.css, editor-panel.css |
| Backend routes | kebab-case | auth.js, segmentation.js |
| Models | PascalCase | User.js, Project.js |
| Env variables | SCREAMING_SNAKE_CASE | JWT_SECRET, MONGODB_URI |
| CSS variables | kebab with --px- prefix |
--px-accent, --px-bg |