uniapp-frontend-skills
提供uni-app跨平台前端开发的专家级指导和代码模板。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：uniapp-frontend-skills。 它的用途是：提供uni-app跨平台前端开发的专家级指导和代码模板。 完整的 Skill 内容见：https://321skill.com/skills/uniapp-frontend-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要为我的电商项目创建一个商品列表页，使用uni-app和TypeScript。”，它会提供一个包含列表布局、加载状态、下拉刷新等模式的完整Vue组件模板。或者
对AI说：“帮我在项目中集成uView Plus并配置主题色。”，它会给出详细的npm安装命令、Vue插件注册步骤以及修改SCSS变量的方法。
介绍
这个Skill旨在解决开发者在构建基于uni-app、Vue 3和TypeScript的跨平台应用（如微信小程序、H5）时，面临的从项目搭建、UI库集成到主题设计等一系列复杂问题。它通过提供结构化的知识、即用的代码模板和最佳实践指南，将分散的开发经验系统化。
使用时，开发者只需在Claude Code中提及uni-app相关任务，例如“创建一个新的uni-app页面”或“帮我集成uView Plus”，该Skill便会调用其内置的模板和指南，生成符合最佳实践的代码或提供详细的配置步骤。
它非常适合有一定前端基础，希望快速上手或规范uni-app项目开发流程的开发者，特别是那些需要同时兼顾多个平台（小程序、H5等）的团队或个人。
建议将此Skill作为uni-app项目的开发助手，在项目初始化、引入新库或实现特定功能模式时使用。注意，它主要提供开发指导和模板，具体的业务逻辑和深度定制仍需开发者结合官方文档完成。
核心特点
专注于uni-app + Vue 3 + TypeScript技术栈，提供了从项目脚手架到多主题系统设计的完整解决方案，而非零散的代码片段；内置了对uView Plus、uni-ui等流行UI库的深度集成指南，减少了开发者自行摸索的时间。
注意事项
不适合需要开发原生功能或深度定制非Webview渲染引擎的场景。
常见问题
如何用这个Skill创建一个新的uni-app页面？
直接对AI说“创建一个新的uni-app页面”，它会提供包含TypeScript和标准结构的Vue单文件模板，并提示你更新pages.json配置。
这个Skill支持集成哪些UI库？
主要支持uView Plus、uni-ui和TuniaoUI，提供了详细的安装、引入和主题配置指南。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/uniapp-frontend-skills/raw/index.md 读取 uniapp-frontend-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/uniapp-frontend-skills/raw/index.md（查看排版版本）