Apply Grey Haven Studio's TypeScript/React and Python/FastAPI coding standards from production templates. Use when writing code, reviewing PRs, fixing linting errors, formatting files, or when the user mentions 'code standards', 'Grey Haven style', 'linting', 'Prettier', 'ESLint', 'Ruff', 'formatting rules', or 'coding conventions'. Includes exact Prettier/ESLint/Ruff configs, naming conventions, project structure, and multi-tenant database patterns.
View on GitHubgrey-haven-plugins/developer-experience/skills/code-style/SKILL.md
January 21, 2026
Select agents to install to:
npx add-skill https://github.com/greyhaven-ai/claude-code-config/blob/main/grey-haven-plugins/developer-experience/skills/code-style/SKILL.md -a claude-code --skill grey-haven-code-styleInstallation paths:
.claude/skills/grey-haven-code-style/# Grey Haven Code Style Standards **Actual coding standards from Grey Haven Studio production templates.** Follow these exactly when working on Grey Haven codebases. This skill provides navigation to detailed examples, reference configs, and templates. ## Supporting Documentation - **[EXAMPLES.md](EXAMPLES.md)** - Copy-paste code examples for TypeScript and Python - **[REFERENCE.md](REFERENCE.md)** - Complete config files and detailed rule explanations - **[templates/](templates/)** - Ready-to-use starter files - **[checklists/](checklists/)** - Code review checklists ## Quick Reference ### TypeScript/React (Frontend) Based on `cvi-template` - TanStack Start + React 19 **Key Settings:** - **Line width:** 90 characters - **Tab width:** 2 spaces - **Quotes:** Double quotes - **Semicolons:** Required - **Trailing commas:** Always - **ESLint:** Pragmatic (allows `any`, unused vars) - **Path alias:** `~/` maps to `./src/*` **Naming Conventions:** - Variables/Functions: `camelCase` (`getUserData`, `isAuthenticated`) - Components: `PascalCase` (`UserProfile`, `AuthProvider`) - Constants: `UPPER_SNAKE_CASE` (`API_BASE_URL`, `MAX_RETRIES`) - Types/Interfaces: `PascalCase` (`User`, `AuthConfig`) - **Database fields:** `snake_case` (`user_id`, `created_at`, `tenant_id`) ⚠️ CRITICAL **Project Structure:** ```plaintext src/ ├── routes/ # File-based routing (TanStack Router) ├── lib/ │ ├── components/ # UI components (grouped by feature) │ ├── server/ # Server functions and DB schema │ ├── config/ # Environment validation │ ├── hooks/ # Custom React hooks (use-* naming) │ ├── utils/ # Utility functions │ └── types/ # TypeScript definitions └── public/ # Static assets ``` ### Python/FastAPI (Backend) Based on `cvi-backend-template` - FastAPI + SQLModel **Key Settings:** - **Line length:** 130 characters - **Indent:** 4 spaces - **Type hints:** Required on all functions - **A
Issues Found: