Guide Vue 3 and Vite frontend development with design-system conventions.
npx skills add https://github.com/fulcrumresearch/druids --skill frontend-fulcrumresearch
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/fulcrumresearch/druids/tree/main/.claude/skills/frontend Command: npx skills add https://github.com/fulcrumresearch/druids --skill frontend-fulcrumresearch
Guides and accelerates work on the Druids frontend by providing clear guidelines for building, modifying, or fixing the Vue 3 + Vite-based frontend codebase located in the frontend/ directory.
Start the frontend development server from the frontend directory with npm run dev
High-intent search queries and answers about installing and using this skill.
To implement Vue 3 components and wire routes, this skill guides you through the Druids frontend stack using Vue 3 with script setup, Vite dev server, and vue-router 4. It documents the project layout and conventions to ensure predictable UI feature implementation.
Managing frontend project layout and design-system conventions involves following documented standards for the frontend/ directory, including index.html, src, package.json, and vite.config.js. This skill describes the component conventions and visual iteration workflow to maintain consistency.
To start the Vite development server for the Vue 3 frontend, run the command npm run dev from the frontend directory. This launches the local development environment for building and modifying UI features.
Yes, this frontend skill supports debugging routing and updating design-system components. It provides guidelines for fixing vue-router 4 issues and enforcing visual iteration workflows during UI development within the frontend/ project.
Yes, you can use this skill to enforce UI development consistency across your Vue 3 codebase. It documents the design system, component conventions, and the rodney-based visual iteration workflow to ensure consistent visual iteration and predictable collaboration.
Your Vue 3 frontend needs specific project layout conventions for Vite to ensure predictable onboarding and efficient feature implementation. Documenting the stack and file structure like vite.config.js and frontend/src maintains consistent visual iteration across the codebase.
rieaseSet up Vue 3 projects with AutoRisk-365 compliant dependencies, scripts, and Vite aliases.
sayali-ingle-pdlGenerate a Vue 3 vite.config.ts with build, dev server, and plugin settings.
samhvw8Automates frontend development across React 18+, Vue 3, Svelte 5, and Angular frameworks.
aliepratamaManage shadcn/ui component installation, updates, and documentation in frontend projects.
