uview-vue2

What it does

This skill enables AI agents to integrate and utilize the uView UI framework specifically designed for Vue 2 applications. It allows agents to generate, modify, and manage frontend components using a rich library of pre-built widgets tailored for mobile and web interfaces.

When to use it

• Building responsive mobile-first applications requiring native-like touch interactions.
• Rapidly prototyping dashboards or admin panels using uView's extensive component set.
• Migrating existing Vue 2 projects by injecting standardized UI patterns.
• Creating consistent user experiences across different devices without writing raw CSS from scratch.

Key capabilities

• Access to a comprehensive collection of ready-to-use Vue 2 components.
• Support for both mobile and web rendering environments.
• Integration with common state management libraries like Vuex.
• Pre-styled elements that reduce custom styling requirements.

Example prompts

• "Generate a login page using uView components for a Vue 2 app."
• "Create a data table component with sorting and pagination features."
• "Refactor this existing HTML snippet into uView directives for better mobile support."

Tips & gotchas

Ensure your project is initialized with Vue 2, as this skill does not support Vue 3 syntax or composition APIs. Familiarize yourself with the specific class naming conventions used by uView to avoid styling conflicts when integrating custom themes.