enze00

Uniapp Frontend Skills — Development skill for Claude Code

Development community

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

How to install Uniapp Frontend Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open enze00/uniapp-frontend-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Uniapp Frontend Skills does

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

Alternatives in Development

Native Feel Skill — An Agent Skill for designing cross-platform desktop apps that feel native — distilled from Raycast's 2.0 deep 1.9k ★
Multi Frontend — 前端 - 以前端为中心的开发 (Frontend-Focused Development) 1.9k ★
Frontend Dev Pack — Frontend development skills collection 1.6k ★

README

uni-app Frontend Development Skill

[![Claude Code](https://img.shields.io/badge/Claude_Code-Skill-purple)](https://github.com/anthropics/claude-code) [![uni-app](https://img.shields.io/badge/uni--app-3.0-blue)](https://uniapp.dcloud.net.cn/) [![Vue.js](https://img.shields.io/badge/Vue-3.0-brightgreen)](https://vuejs.org/) [![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)](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:

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

Installation

For Claude Code Users

Copy this skill to your Claude Code skills directory:
```
cp -r uniapp-frontend ~/.claude/skills/
```
Restart Claude Code or reload skills
Use the skill by mentioning uni-app related tasks:
```
Create a new uni-app page with TypeScript
Help
```