frontend-test

Context Engineering + Human-AI Collaboration Framework with Theory of Mind, Loop Mode, Task Mode, and Project Knowledge Graph

Automates Figma design reviews by extracting tokens, mapping components, detecting implementation drift, and generating rapid design handoff plans.

Generates production-ready React/Vue components with TypeScript, tests, and styles by intelligently creating files based on user specifications.

Installs multi-Claude workflow orchestration scripts for parallel AI execution across different Claude instances.

Detects AI collaboration quality drops by monitoring repeated corrections, context confusion, and user frustration signals, then prompts re-anchoring.

Automates visual regression testing setup with Storybook, generating stories, configurations, and CI/CD workflows for Chromatic, Percy, and BackstopJS.

Iteratively execute tasks with structured completion signals, auto-invoking on user's loop mode requests and preventing infinite processing.

Generates comprehensive, categorized Standard Operating Procedures (SOPs) for reusable solutions, workflows, and integration processes.

Launches parallel Claude agents to implement tasks through orchestrated multi-phase workflows with comprehensive quality checks.

Learns and manages user preferences across sessions, automatically adapting to individual working styles and technical preferences.