vue-component

Scaffold Vue 3 components for POS and Backoffice apps.

Updated Jul 18, 2022
One-click install
npx skills add https://github.com/milosptr/pos-system --skill vue-component
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue-component
Source: https://github.com/milosptr/pos-system/tree/main/.claude/skills/vue-component
Command: npx skills add https://github.com/milosptr/pos-system --skill vue-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a fast, consistent way to add Vue 3 components that adhere to the project's POS and backoffice patterns, reducing boilerplate and risk of divergence.

Core Features & Use Cases

  • Scaffold a Vue 3 component following the project's established conventions (component structure, props, and lifecycle hooks) for both POS and Backoffice apps.
  • Provide ready-to-use modal, table, and UI component templates that integrate with existing router and store patterns.
  • Use Case: quickly add a new inventory item modal that matches the existing UI and data flow.

Quick Start

Generate a new Vue 3 component by providing the component name and type (pos, backoffice, or modal); the tool will output a ready-to-run component scaffold.

Frequently Asked Questions about vue-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Vue 3 components that match my project's existing POS and backoffice patterns?

You can scaffold Vue 3 components by providing the component name and type (pos, backoffice, or modal), which outputs a ready-to-run structure matching your project's established conventions for props, lifecycle hooks, and data flow.

What is the best way to standardize Vue 3 modal and table components across frontend apps?

Standardizing Vue 3 modal and table components involves scaffolding them with predefined templates that integrate with existing router and store patterns, ensuring UI consistency and reducing boilerplate across POS and backoffice applications.

Can I use this to add a new inventory item modal that matches my current Vue 3 UI and data flow?

Yes, you can generate a new inventory item modal by specifying the modal type, which creates a component scaffold that conforms to your existing Vue 3 user interface and store integration patterns.

Do I need to manually configure Vue Router and Pinia store integration when generating these components?

No, manual configuration is unnecessary because the generated Vue 3 component scaffolds come ready-to-use with existing routing and store integration patterns already applied for both POS and backoffice apps.