# Popup Studio AI Bkit Gemini Phase 2 Convention

> Phase 2: Convention Definition

- Skill: `tomevault-io/popup-studio-ai-bkit-gemini-phase-2-convention` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/popup-studio-ai-bkit-gemini-phase-2-convention`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/popup-studio-ai-bkit-gemini-phase-2-convention/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/popup-studio-ai-bkit-gemini-phase-2-convention

---


# Phase 2: Convention Definition

> Establish coding standards and conventions

## Categories

### 1. Naming Conventions

| Type | Convention | Example |
|------|------------|---------|
| Components | PascalCase | `UserProfile.tsx` |
| Functions | camelCase | `getUserById()` |
| Constants | UPPER_SNAKE | `MAX_RETRY_COUNT` |
| Files | kebab-case | `user-service.ts` |
| CSS Classes | kebab-case | `user-card` |

### 2. File Structure

```
src/
├── components/     # UI components
├── hooks/          # Custom hooks
├── lib/            # Utilities
├── services/       # API services
├── types/          # TypeScript types
└── utils/          # Helper functions
```

### 3. Git Conventions

```
feat: Add user login
fix: Resolve password reset bug
docs: Update README
style: Format code
refactor: Extract auth service
test: Add login tests
chore: Update dependencies
```

### 4. Code Style

- Max line length: 100
- Indentation: 2 spaces
- Quotes: Single quotes
- Semicolons: Required
- Trailing commas: ES5

## Output

Save to: `docs/01-plan/conventions.md`

## Next Phase

After completion: `/phase-3-mockup`

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/popup-studio-ai) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->