What problem does it solve? AI agents frequently produce code that violates ComfyUI_frontend conventions, such as using any types, dark: Tailwind variants, barrel files, or PrimeVue components, leading to rejected PRs and rework. ## Core Features & Use Cases - Stack Conventions Reference: Documents the exact stack rules for Vue 3.5 Composition API, TypeScript, Tailwind 4 semantic tokens, Pinia stores, and shadcn/vue + Reka UI primitives. - Anti-Pattern Guardrails: Lists eight critical mistakes agents make (e.g., as any, :class="[]" instead of cn(), withDefaults) with the correct alternatives. - Design Standards Integration: Points to the Comfy Design Standards Figma file with section node IDs for hover states, click targets, and feedback patterns that must be consulted before UI work. - Use Case: When asked to add a new settings panel to ComfyUI_frontend, the agent follows the store pattern, uses defineModel for v-model bindings, writes colocated Vitest tests, and runs the full quality gate (pnpm typecheck && pnpm lint && pnpm format:check && pnpm knip && pnpm test:unit) before opening a PR. ## Quick Start Ask the agent to implement a new feature or fix a bug in the ComfyUI_frontend repository and it will apply these conventions automatically.
