---
name: Standards Kit
slug: standards-kit
category: Quality
description: Standards Kit enforces development and design rules for code quality, naming, imports, and approved UI libraries. Use it when reviewing or building features that must follow strict implementation standards.
github: "https://github.com/wednesday-solutions/ai-agent-skills/tree/main/skills/standards-kit"
language: JavaScript
stars: 168
forks: 21
install: "npx degit https://github.com/wednesday-solutions/ai-agent-skills/tree/main/skills/standards-kit ~/.claude/skills/standards-kit"
installs_to: ~/.claude/skills/standards-kit
source_path: skills/standards-kit/SKILL.md
collection_size: 10
category_size: 1897
collection_url: "https://dirskills.com/collections/wednesday-solutions/ai-agent-skills"
added: 2026-09-08T05:34:07.781Z
last_synced: 2026-09-08T05:34:07.781Z
canonical_url: "https://dirskills.com/skills/standards-kit"
---

# Standards Kit

Standards Kit enforces development and design rules for code quality, naming, imports, and approved UI libraries. Use it when reviewing or building features that must follow strict implementation standards.

**Install:**

```bash
npx degit https://github.com/wednesday-solutions/ai-agent-skills/tree/main/skills/standards-kit ~/.claude/skills/standards-kit
```

## README

# Standards Kit (Dev & Design)

This kit ensures every line of code and every UI element follows Wednesday Solutions' high-quality standards.

## 🚦 Decision Flow

```
1. DO NOT create custom UI components. 
   Check references/VISUALS.md for approved libraries.
2. Keep Cyclomatic Complexity < 8. 
   Check references/LOGIC.md for refactoring strategies.
3. Use PascalCase for UI/Types and camelCase for Logic.
4. Follow strict Import Ordering (React -> Next -> State -> UI -> Alias -> etc.).
```

## 🛠️ Technical Logic (Core)
- **Max Complexity**: 8 (No exceptions).
- **Naming**: PascalCase (UI/Types) / camelCase (Logic).
- **Forbidden**: No `console.log`, magic numbers, or unused imports.
- **Graph Safety**: Mark dynamic patterns with `@wednesday-skills` tags.

*Read [references/LOGIC.md](references/LOGIC.md) for remediation and structure patterns.*

## 🎨 Visual Design (Core)
- **Mandatory**: Use **shadcn**, **Aceternity**, or **Magic UI** ONLY.
- **Identity**: Green-to-Teal gradients, Instrument Serif headlines, DM Sans body.
- **Performance**: Animate only `transform` and `opacity`.

*Read [references/VISUALS.md](references/VISUALS.md) for tokens and component styling.*

## 🏁 Enforcement Checklist
- [ ] Complexity score verified (< 8).
- [ ] UI components sourced from approved libraries.
- [ ] Naming and imports follow strict patterns.
- [ ] Accessibility and performance requirements met.