Develop Vue 3/TypeScript components with Composition API, Pinia, and Vitest.
npx skills add https://github.com/MassimilianoPili/agent-framework --skill fe-vue
Please help me install this Agent Skill. Skill: fe-vue Source: https://github.com/MassimilianoPili/agent-framework/tree/main/.claude/agents/fe-vue Command: npx skills add https://github.com/MassimilianoPili/agent-framework --skill fe-vue
This Skill automates the development of Vue 3/TypeScript frontend components and applications, ensuring adherence to modern best practices and project structure.
<script setup lang="ts">.Use the fe-vue skill to create a new Vue 3 component for displaying user data.
High-intent search queries and answers about installing and using this skill.
Vue 3 components using the Composition API are developed using `<script setup lang="ts">` syntax. This approach enforces strict TypeScript standards and modern best practices for robust UI component architecture and state management.
The best way to integrate a Vue 3 frontend with a backend API is by generating typed API clients from OpenAPI specifications. This ensures strict TypeScript enforcement and seamless data fetching across your application components.
State in a Vue 3 application is managed with Pinia by integrating it directly into your components. This provides robust state management for data fetching, form input, and state updates across the user interface.
Yes, you can write automated tests for Vue 3 components using Vitest and Vue Test Utils. This allows you to validate component logic, form inputs, and state updates effectively within your TypeScript project.
Yes, Vue 3 development with TypeScript enforces strict accessibility standards alongside strict typing. This ensures that generated components and applications are usable and compliant with modern web accessibility requirements.
CloudyWingGenerate TypeScript API clients and types from OpenAPI specifications.
JetBrainsGuide Vue.js component testing with Vitest, Vue Test Utils, and Playwright.
cslsoftwaresConfigure Vue Router and Pinia with guards and lazy loading.
ChiejiDesign accessible frontend interfaces with React, Vue, Angular, and vanilla JS.