qnew

name	qnew
description	Review best practices and architecture guidelines. Use when user types 'qnew' OR when starting new work and needing to understand project patterns. Reviews CLAUDE.md, project structure, coding standards, and design philosophy.
allowed-tools	Read, Grep, Glob

QNEW - Review Project Guidelines

Purpose

This skill activates when the user types "qnew" to review all project guidelines before starting new work.

Instructions

When this skill is invoked, read and internalize these documents:

1. Project Conventions

Read CLAUDE.md in the project root for:

• Available commands (npm start, test, build, deploy)
• Architecture overview (React 19 + TypeScript, HashRouter, terminal aesthetic)
• Page structure and routing patterns
• Deployment to GitHub Pages

2. Project Structure

Read .claude/docs/PROJECT_STRUCTURE.md for:

• Directory layout (src/pages/, public/, .github/workflows/)
• Tech stack details
• Key patterns (TABS + Route for adding pages, PUBLIC_URL for assets)

3. Coding Standards

Read .claude/docs/CODING_STANDARDS.md for:

• Component patterns (functional components, hooks, TypeScript interfaces)
• Styling rules (co-located CSS, Bootstrap utilities, terminal aesthetic)
• Routing rules (HashRouter, TABS array)
• Testing patterns (Jest + React Testing Library)
• Accessibility requirements

4. Design Philosophy

Read .claude/docs/DESIGN_PHILOSOPHY.md for:

• Terminal/CLI aesthetic principles
• Component simplicity goals
• Reusable UI patterns (callout-box, prompt-line, etc.)
• GitHub Pages constraints
• Responsive design approach

Expected Output

After reading all documents, provide a brief summary confirming:

• Understanding of the terminal aesthetic and its patterns
• Key conventions for adding new pages (TABS + Route)
• TypeScript and component standards
• Deployment constraints (GitHub Pages, HashRouter)
• Ready to proceed with implementation