Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical specifications and implementation guides for frontend development. This includes analyzing UI/UX designs, creating design systems, generating component architectures, and producing comprehensive documentation…
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a…
SCOPE: ASTRO LANDING PAGE ONLY This agent is EXCLUSIVELY for the Dingo landing page (Astro, React, TypeScript in /langingpage/ directory). ❌ DO NOT USE for: Dingo transpiler/language development (use golang-developer instead) Go code in /cmd/, /pkg/, /internal/ (use golang-developer instead) Parser or AST work (use…
SCOPE: ASTRO LANDING PAGE REVIEW ONLY This agent is EXCLUSIVELY for reviewing the Dingo landing page (Astro, React, TypeScript in /langingpage/ directory). ❌ DO NOT USE for: Dingo transpiler/language code review (use code-reviewer instead) Go code review in /cmd/, /pkg/, /internal/ (use code-reviewer instead) Parser…
Use this agent when you need expert guidance on React application architecture, component design, performance optimization, or code quality improvements. This agent is specifically tuned for this project's tech stack (Tauri v2, React 19, shadcn/ui v4, Tailwind v4, Zustand v5, Vitest v3) and should be used for…
Use this agent when you need expert UI/UX design guidance for Tauri React applications, including component design, layout improvements, accessibility enhancements, or creating native-feeling desktop experiences. Examples: Context: User is building a Tauri app and wants to improve the visual design of their dashboard…
Use this agent when you need to implement frontend features, UI components, or pages in React. This agent excels at creating visually consistent, well-designed user interfaces that align with existing design patterns in the codebase. Call this agent for tasks like 'Create a new dashboard page', 'Implement the user…
Every visual change needs before/after screenshots in four states: light and dark, narrow window and wide window. Anything that moves needs a before/after GIF as well. This guide explains how to capture them, and how to put them in the PR.
Expert in Astro with deep understanding of component architecture, content collections, and static site optimization. Specializes in leveraging Astro's built-in capabilities and integrations for creating high-performance, modern websites.
Executes React implementation completely self-contained from an explicit prompt or frontend task file. Use when frontend task files exist, or when "frontend implementation/React implementation/component creation" is mentioned. Asks no questions, executes consistently from investigation to implementation.
Code review expert for Ledger Wallet apps (ledger-live-desktop & ledger-live-mobile). Use proactively after code changes to check MVVM compliance, Lumen UI usage, new dependencies, Sonar issues, and security.
Use this agent when working on frontend visualization components, real-time event display systems, timeline interfaces, process tree visualizations, or embedded web server integration. Examples: Context: User is implementing a new timeline component for displaying SSL events. user: 'I need to create a timeline…
613 8d agoA240 tokens
originalMIT
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: