Generate typed services, composables, and Pinia stores for Vue 3 components.
npx skills add https://github.com/Eva813/skills-base --skill logic-coder
Please help me install this Agent Skill. Skill: logic-coder Source: https://github.com/Eva813/skills-base/tree/main/.agents/skills/logic-coder Command: npx skills add https://github.com/Eva813/skills-base --skill logic-coder
Upgrades presentation-only Vue components into functional front-end features by wiring API calls, typed state management, view-model mapping, and robust loading/error handling without modifying component templates or styles.
Provide enriched-spec.md and component_paths and request the logic-coder to generate types, services, composables, and a container component that wires the dumb Vue components to API calls and Pinia state.
High-intent search queries and answers about installing and using this skill.
To wire Vue 3 UI components, you integrate presentation-only components with API endpoints and typed state management to generate container components, services, composables, and Pinia stores. This process upgrades dumb components into functional front-end features without modifying templates or styles.
Generating TypeScript composables and service wrappers involves processing enriched-spec.md API and state definitions to produce typed types, service wrappers with ApiError handling, and composables. It includes implementing loading, empty, and error UI states with retry and backoff strategies.
Yes, you need enriched-spec.md and component_paths handoff payloads as prerequisites. These inputs define API mappings, state schemas, and error handling requirements necessary to generate the container components, composables, and Pinia stores that connect dumb components to API calls.
Yes, you can use mock fallbacks for Vue 3 API integration when real APIs are unavailable. The generated composables and services include mock fallback functionality alongside robust error handling, allowing development and testing to proceed without a live backend.
The best way to handle loading and error states in Vue 3 composables is by generating typed composables that implement loading, empty, and error UI states. This approach includes ApiError classification and retry or backoff strategies to ensure robust front-end state management.
To prepare handoff-ready outputs for Vue code review, generate types, services, composables, and container components that satisfy typed state requirements. The process produces modified_files and diff_summary outputs ready for review after wiring dumb components to API calls and Pinia state.
Eva813Map UI fields to OpenAPI endpoints and generate TypeScript state models.
Jonathan0823Provide TypeScript best-practice patterns for Vue 3 and Svelte 5 applications.
alongor666Develop Vue 3 components with Pinia stores and ECharts charts.
jacexhBuild Vue 3 components with TypeScript and the Composition API.
