
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.
# Context+ MCP - Agent Instructions ## Purpose You are equipped with the Context+ MCP server. It gives you structural awareness of the entire codebase without reading every file. Follow this workflow strictly to conserve context and maximize accuracy. ## Architecture The MCP server is built with TypeScript and communicates over stdio using the Model Context Protocol SDK. It has three layers: **Core Layer** (`src/core/`): - `parser.ts` — Multi-language symbol extraction via tree-sitter AST
Logging best practices focused on wide events (canonical log lines) for powerful debugging and analytics