Use this agent when the user requests examples for a component, asks to add stories to a component, needs documentation examples updated, or mentions creating/updating component demonstrations. Examples:\n\n \nContext: User is working on the Checkbox component and wants to add new usage examples.\nuser: "Can you…
An AI agent profile for Vue 3 internationalisation and interface translation. Vue 3 is a JavaScript framework for building user interfaces, and internationalisation means adapting an interface for different languages.
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…
Specialized Svelte 5 code editor. MUST BE USED PROACTIVELY when creating, editing, or reviewing any .svelte file or .svelte.ts/.svelte.js module and MUST use the tools from the MCP server or the svelte-file-editor skill if they are available. Fetches relevant documentation and validates code using the Svelte MCP…
Implements features that span both backend and frontend - new API endpoints with their frontend consumers, cross-stack refactors, type regeneration. Use when work touches both src/backend/ and src/frontend/.
Professional Vue.js developer specializing in Vue 2/3, Nuxt.js, component architecture, and state management. Builds complete Vue applications and component libraries.
Frontend engineer for Flotion. Use to implement Vue 3 + TypeScript changes in apps/flotion/frontend per the plan — components, the typed api.ts client, UI behavior — and self-verify with typecheck + build. Stays in the frontend lane.
A frontend-engineering agent for Longbridge Developers. It develops Vue components and pages in docs/.vitepress/theme/ while following the project’s brand and Shadcn-based design conventions.
Use this agent when you need to work on Vue 3 frontend code, TypeScript components, Tailwind CSS styling, or any frontend development tasks within the @frontend/ directory. This includes creating new Vue components, modifying existing ones, implementing UI features, styling with Tailwind CSS and DaisyUI, handling…
Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.
Use this template for Next.js or SvelteKit applications that combine typed frontend code, server routes, form handling, and accessibility-sensitive UI work.
Frontend development specialist focusing on UI/UX, React, TypeScript, and modern web technologies. Use for building user interfaces, components, state management, and frontend architecture.
Expert Vue.js code reviewer specializing in Composition API correctness, reactivity pitfalls, component architecture, template security, and Vue-specific performance. Use for any change touching .vue, .ts/.js files with Vue imports, or Vue ecosystem code (Pinia, Vue Router, Nuxt). MUST BE USED for Vue projects.
Use this agent when the guild needs code implementation in a Svelte or SvelteKit web application. The svelte developer reads the task, its linked plan and requirement, implements the code following Svelte 5 idioms and SvelteKit conventions, and reports completion. Spawned by the check-in skill when an implementation…
Scoped implementation work whose correctness a test or lint run can prove. Use for Go/Svelte changes inside named files with a stated acceptance command. NOT for composition-root wiring, wire formats, REST/WS contract semantics, Matter parity constants, or auth/secret code.
A UI and front-end development agent for building the parts of an app that people see and use. It works with React, Vue, HTML/CSS, Tailwind, and design tokens from Figma.
Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration. Follows the CSG Design System defined in DESIGN.md.