A uni-app skill for building reusable page components from 22 common mobile-page patterns. uni-app is a framework for creating apps and mini-programs from a shared codebase; slots are places where a component accepts custom content.
A request-layer design guide for uni-app, a framework for building apps that run across platforms such as mini programs, web, and mobile. It covers how app code sends requests and handles responses.
A development guide for uni-app WeChat mini-program projects built with Vue 3, TypeScript, Pinia, and SCSS. It defines project structure, API conventions, state management, performance rules, and common commands.
A diagnostic and refactoring guide for uni-app projects. It scans the project structure and code conventions, compares them with a standard layout, and produces a prioritized adjustment plan.
A design-system and component-style guide for uni-app WeChat mini-programs. It covers design tokens, neutral colors, spacing, typography, responsive layouts, component rules, animations, and style audits.
A theme system for uni-app projects based on CSS variables. It defines color scales, shared sizes, spacing, heights, corners, icons, multiple themes, and replacement of hard-coded colors and dimensions.
A framework for turning reusable uni-app interface components into callable commands. It can work from existing component code or provide common patterns such as navigation bars, tabs, cards, forms, dialogs, and loading states.
A workflow for turning a UI screenshot or design image into working HTML, Vue, or React code. It studies the visible layout, colors, spacing, and components before generating the page.
A page-building workflow based on reusable templates for common screens such as profiles, product pages, login pages, dashboards, and settings. It can generate matching sample data when requested.
A planning and migration guide for moving a uni-app project from Vue 2 and its older coding style to Vue 3, TypeScript, and Pinia. Vue is a frontend framework, while Pinia stores shared app data.
A parent guide for building Vue interface components with shared rules for cards, buttons, labels, and tables. It requires these components to sit inside a base card and use shared CSS design values.
A Vue component guide for displaying content inside reusable cards. It defines a base card and layouts for products, profiles, menus, settings, notifications, comments, and other card-based content.
A reusable Vue 3 and TypeScript table component guide with display and interaction options such as sorting, filtering, selection, pagination, loading states, empty states, and tree-shaped data.
A Vue component guide for labels that show status, categories, or counts. It defines several label types, styles, sizes, and an optional close control.
A planned Vue collapsible-panel component guide covering basic panels and accordion mode, where only one panel may be open at a time. The supplied description says it is not yet implemented.
This skill should be used when the user wants to create a standardized Vue 3 + TypeScript + Vite + Pinia project from scratch. It guides through pre-development brainstorming, project initialization, dynamic theme system setup, layout design, and post-development verification. Strictly aligned with…
A CSS foundation for Vue projects, covering variables, themes, animations, utility classes, and reset styles. CSS is the language that controls how web pages look and move.
A Vue design-token system for shared colors, spacing, font sizes, corner shapes, component heights, and icon sizes. Design tokens are named values that keep an interface’s visual choices consistent.
A writing aid that rewrites text to sound more like a person wrote it while keeping its meaning and facts. It removes common artificial-sounding patterns without adding unsupported details.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: