Bulletproof Frontend — When to Use
**Invoke this skill (`/bulletproof-frontend`) before writing or modifying any CSS, HTML, or Blade template code.** Don't wait to be asked — if the task touches
Commands
- `pnpm dev` — start dev server (port 5173)
- `pnpm dev:all` — start both frontend (port 5173) and local API server (port 3001)
- `pnpm typecheck` — type-check all sources
others' active exclusive file reservations.
2) Across different repos in one project (e.g., Next.js frontend + FastAPI backend)
- Option A (single project bus): register both sides under the same `project
frontend/
Data Flow Explorer's clickable prototype. See `README.md` for the
zero-build-step rationale and how to run it.
**Milestone 3, sub-project Wire — COMPLETE
Release Authority
Every release invocation must explicitly pass `-TestCategories`: one or more of
`assets`, `frontend`, `server`, `runtime`, `installers`, `dependencies`, `build`,
or `all` alone. Review the complete changes since the previous
SpecDriven AI development with end-to-end requirement tracking |
| `/xux` | User experience optimization, frontend testing, and accessibility compliance with SpecDriven AI methodology integration |
## Development Guidelines
### Command Structure
Each command
CLAUDE前端开发规范
This file provides guidance to Claude Code (claude.ai/code) when working with frontend code in this repository.
### 第一部分:核心编程原则 (Guiding Principles)
这是我们合作的顶层思想,指导所有具体的行为。
#### 基础设计原则
- **用户体验优先 (User Experience First):** 所有技术决策都应以用户体验为出发点
What this is:** Jest-based test suite for core functionality (Vitest is used in `frontend/` for the web app).
## Critical Test Requirements
**ALWAYS use both flags:**
```bash
npm test -- --coverage
A file Claude Code reads at the start of every session. It holds the commands, conventions and warnings the agent needs for this project.
Where does it go?
At the repository root. Claude Code also reads CLAUDE.md files in subdirectories when it works there.
What should it contain?
Build and test commands, the project's layout, conventions that aren't obvious from the code, and mistakes to avoid. Short files tend to work better than long ones.
CLAUDE.md or AGENTS.md?
Claude Code reads CLAUDE.md; most other agents read AGENTS.md. Many projects keep one and point the other at it.