Build token-driven Vue 3 components with the Composition API and TypeScript.
npx skills add https://github.com/ChoreShore/Version1 --skill vue-choreshore
Please help me install this Agent Skill. Skill: vue Source: https://github.com/ChoreShore/Version1/tree/main/.windsurf/skills/vue Command: npx skills add https://github.com/ChoreShore/Version1 --skill vue-choreshore
Provide a clear, repeatable pattern for building Vue 3 component libraries and Nuxt design system pieces that integrate design tokens, TypeScript typing, composables, and accessibility so teams avoid inconsistent UI, duplicated logic, and brittle components.
Create a VButton component that uses design tokens for color/spacing, TypeScript props for variants and size, composables for shared logic, and accessibility attributes for keyboard and loading states.
High-intent search queries and answers about installing and using this skill.
Build Vue 3 components with design tokens and TypeScript by using the Composition API to define typed props and emits, then consuming CSS custom properties or provide/inject to apply token-driven styling across your component library.
Structure a Nuxt design system by creating reusable primitives and composites using Vue 3 composables to extract shared logic, ensuring typed contracts and consistent design token integration across all UI components.
Add accessibility to Vue 3 components by implementing built-in ARIA attributes, keyboard handling, and focus management to ensure production readiness, validating these interactions through included component testing patterns.
Yes, you can convert Figma designs into reusable Vue 3 components by translating visual elements into typed primitives like VButton and VInput, applying design tokens for variants and sizes while maintaining predictable TypeScript contracts.
Yes, this approach works for component libraries by using composable-based logic extraction to separate concerns, allowing teams to define typed props and emits while consuming shared design tokens to avoid duplicated logic and brittle components.
Use design tokens instead of hardcoded styles in Vue 3 components to provide a clear, repeatable pattern for styling, ensuring teams avoid inconsistent UI and duplicated logic while maintaining token-driven styling via CSS custom properties or provide/inject.
dylantarreBuild token-driven Vue 3 components with the Composition API and TypeScript.
fellipeutakaBuild accessible React components with hooks managing ARIA attributes and keyboard interactions.
bfree-trainerExtract reusable UI components, design tokens, and layout patterns from frontend codebases.
caiokfEnforce standardized Vue 3 conventions for components, composables, and stores.
