/hypr:assess-frontend

Analyze your frontend component patterns, styling approach, and implementation conventions, then generate a specialized frontend agent.

Usage

/hypr:assess-frontend /hypr:assess-frontend quick

Alias: /hypr:assess-fe

Description

The frontend-assessor agent copies the frontend agent template to .claude/agents/frontend-agent.md, analyzes 17 aspects of your frontend implementation, extracts project-specific rules for each, and builds the agent file incrementally with checkpoints between parts.

Process

Part 1: Core Patterns (Aspects 1–6)

  • Component structure and naming
  • File organization
  • Styling approach
  • State management
  • Props and data flow
  • Import/export patterns

Part 2: Advanced Patterns (Aspects 7–12)

  • Type definitions and language patterns
  • Error handling
  • Testing patterns
  • Form handling and validation
  • Data fetching and API integration
  • Routing and navigation

Part 3: Integration Patterns (Aspects 13–17)

  • Permissions and security patterns
  • Performance optimization
  • Configuration management
  • Documentation patterns
  • Build/tooling

Output

.claude/agents/frontend-agent.md

Contains the executor's per-file rules, 25+ project-specific patterns, and examples drawn from your actual components.

Related Commands