Uniapp Frontend Skills

uni-app Frontend Development Skill

[](https://github.com/anthropics/claude-code) [](https://uniapp.dcloud.net.cn/) [](https://vuejs.org/) [](https://www.typescriptlang.org/)

A comprehensive Claude Code skill for uni-app cross-platform frontend development with Vue 3 + TypeScript.

About

This skill provides expert guidance for building cross-platform applications using **uni-app** framework. It covers everything from project setup to advanced patterns, including UI library integration, theme system design, and platform-specific optimizations.

Features

• Project Scaffolding: Create new uni-app projects and pages with best practices
• UI Library Integration: Ready-to-use guides for uView Plus, uni-ui, TuniaoUI
• Theme System Design: Multi-theme support for multi-role or multi-brand applications
• Platform Support: WeChat Mini Program, H5, Alipay, Baidu, and more
• Component Templates: Reusable page and component patterns
• Best Practices: TypeScript, Pinia state management, Vite configuration

Use Cases

Use this skill when you need to:

1. Create a new uni-app project or page
2. Integrate UI libraries (uView Plus, uni-ui, TuniaoUI)
3. Implement multi-theme design systems
4. Build WeChat Mini Programs, H5, or other platform apps
5. Set up SCSS theming and global styles
6. Configure Vite build system
7. Implement common patterns (navigation, data fetching, state management)

Installation

For Claude Code Users

1. Copy this skill to your Claude Code skills directory:

   cp -r uniapp-frontend ~/.claude/skills/

2. Restart Claude Code or reload skills

3. Use the skill by mentioning uni-app related tasks:

   Create a new uni-app page with TypeScript
   Help