eva813/vue3-skills
16 skills340 installs32 starsGitHub
Install
npx skills add https://github.com/eva813/vue3-skillsSkills in this repo
1Vue3 Best Practicesvue3-best-practices is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.179installs2Vue3 Frontendvue3-frontend is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.93installs3Vue Vite Testingvue-vite-testing is a Claude Code skill for testing & qa. It helps developers move faster with AI-assisted coding.16installs4Frontend Designfrontend-design is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.8installs5Git Conventional Commitsgit-conventional-commits is a Claude Code skill for git & pull requests. It helps solo builders move faster with AI-assisted coding.6installs6React Agentreact-agent is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.5installs7Vercel Composition Patternsvercel-composition-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.5installs8Vercel React Best Practicesvercel-react-best-practices is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.5installs9Vercel React Native Skillsvercel-react-native-skills is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted coding.5installs10Web Design Guidelinesweb-design-guidelines is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted coding.5installs11Vue LayoutA layout agent that produces 1:1 visually faithful Vue 3 dumb components with props/emits interfaces from Figma, with or without an upstream spec, and self-checks node coverage. A frontend developer uses it to cut UI from a Figma design or spec without adding business logic.3installs12Ai PmAn AI-PM agent that derives a draft frontend spec from Figma structure, listing confirmed and uncovered nodes, UI components, interaction behavior, and field data types. A frontend developer uses it as the first step of a Vue3 workflow when only a Figma design is available.2installs13Api EnrichmentThe third stage of a Vue3 workflow that adds OpenAPI mappings, state structure, and error-handling plans to a spec after UI layout is done, proposing data-model candidates when no API doc exists. A frontend developer uses it to align UI components with backend data before wiring logic.2installs14Figma Implement DesignProvides a structured workflow to convert a Figma file or node into repository code with pixel-perfect parity, proper design-token use, and Figma MCP integration. A frontend developer uses it when implementing UI code from a Figma URL or desktop selection.2installs15Logic CoderA Vue 3 logic agent that upgrades no-logic UI components into working features by adding Pinia/composable state, API calls with data mapping, and loading/error/empty handling from an enriched-spec.md. A frontend developer uses it after api-enrichment to wire data logic without touching the presentation components.2installs16Skill Creatorskill-creator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.2installs