Create Adaptable Composable

What it does

This skill generates adaptable and composable Vue components using uniapp, Vue 3, Vite, and Pinia. It facilitates the creation of reusable UI elements with a focus on flexibility and modularity. The generated code is designed to be easily integrated into existing projects and customized for specific needs.

When to use it

• You need to quickly prototype a new feature in your uniapp application.
• You want to create a set of reusable Vue components for consistency across your project.
• You're building a complex UI and require modular, adaptable components.
• You are starting a new uniapp project from scratch and need a solid foundation.

Key capabilities

• Generates Vue 3 components using uniapp.
• Utilizes Vite for fast development builds.
• Integrates Pinia for state management.
• Creates adaptable and composable component structures.

Example prompts

• "Create a reusable counter component with increment, decrement, and reset buttons."
• "Generate a modal component that accepts custom content and styling options."
• "Build an adaptable form input component with validation support using Pinia for state."

Tips & gotchas

This skill assumes familiarity with uniapp, Vue 3, Vite, and Pinia. The generated code may require further customization to perfectly fit your project's specific design and functionality.