uiux-dev

What problem does it solve?

This Skill eliminates the inconsistency and time consumption of building Vue.js frontend interfaces that need to align with backend API specifications and project design standards, removing the need for manual guesswork during UI development.

Core Features & Use Cases

• API-Aligned Design Guidance: Ensures all UI designs are mapped to existing backend API request/response specifications for seamless integration.
• Pre-built UI Templates: Provides ready-to-use wireframe, dashboard, and CRUD interface templates that match the project's existing layout patterns.
• Standardized Styling Enforcement: Mandates use of the project's approved PrimeVue component library and Tailwind CSS to maintain visual consistency across the application.
• Use Case: When building a new todo management page for the Lab.Todo project, this Skill guides you to create a design that matches the existing dashboard layout, uses correct PrimeVue components for form inputs and data tables, and binds to the relevant todo API endpoints with mock data.

Quick Start

Ask the AI to design a new todo item creation dialog following the project's CRUD template and PrimeVue component guidelines.