uni-app — for Claude Code uni-app, uni-app-vite-vue3-tailwind-vscode-template, community, for Claude Code, ide skills, iconify, tailwindcss, template, typescript, generated

v2026.1.30
GitHub

关于此技能

适用场景： Ideal for AI agents that need the skill is based on uni-app documentation, generated at 2026-01-30. 本地化技能摘要： uni-app vue3 tailwindcss 模板，集成了 iconify,eslint,typescript,prettier 等等工具作为解决方案 The skill is based on uni-app documentation, generated at 2026-01-30. It covers iconify, tailwindcss, template workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

功能特性

The skill is based on uni-app documentation, generated at 2026-01-30.
Topic Description Reference
------- ------------- -----------
Core Framework Project structure, platform support, condition compilation core-framework
View Components view, scroll-view, swiper, movable-area, cover-view core-view-components

# 核心主题

for Claude Code iconify tailwindcss template typescript generated
sonofmagic sonofmagic
[329]
[55]
更新于: 4/15/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 10/11

This page remains useful for teams, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution Quality floor passed for review
Review Score
10/11
Quality Score
82
Canonical Locale
zh
Detected Body Locale
zh

适用场景： Ideal for AI agents that need the skill is based on uni-app documentation, generated at 2026-01-30. 本地化技能摘要： uni-app vue3 tailwindcss 模板，集成了 iconify,eslint,typescript,prettier 等等工具作为解决方案 The skill is based on uni-app documentation, generated at 2026-01-30. It covers iconify, tailwindcss, template workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

核心价值

推荐说明： uni-app helps agents the skill is based on uni-app documentation, generated at 2026-01-30. uni-app vue3 tailwindcss 模板，集成了 iconify,eslint,typescript,prettier 等等工具作为解决方案 The skill is based on uni-app

适用 Agent 类型

适用场景： Ideal for AI agents that need the skill is based on uni-app documentation, generated at 2026-01-30.

↓ 赋予的主要能力 · uni-app

适用任务： Applying The skill is based on uni-app documentation, generated at 2026-01-30
适用任务： Applying Topic Description Reference
适用任务： Applying ------- ------------- -----------

! 使用限制与门槛

  • 限制说明： Requires repository-specific context from the skill documentation
  • 限制说明： Works best when the underlying tools and dependencies are already configured

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

评审后的下一步

先决定动作，再继续看上游仓库材料

Killer-Skills 的主价值不应该停在“帮你打开仓库说明”，而是先帮你判断这项技能是否值得安装、是否应该回到可信集合复核，以及是否已经进入工作流落地阶段。

安装路径

先进入安装与验证

如果这项技能值得继续，下一步应该先确认安装命令、CLI 写入路径与环境验证。
可信复核

回到可信合集再做一次复核

如果你还在比较不同技能或供应方，先回到可信合集做二次判断，而不是继续放大仓库噪音。
工作流

如果要进团队流转，转到工作流集合

当你的目标已经不是单个技能，而是团队协作、审批和可重复执行，就应该转到工作流合集继续比较。
实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致，便于搜索引擎理解页面内容。

? FAQ

uni-app 是什么？

适用场景： Ideal for AI agents that need the skill is based on uni-app documentation, generated at 2026-01-30. 本地化技能摘要： uni-app vue3 tailwindcss 模板，集成了 iconify,eslint,typescript,prettier 等等工具作为解决方案 The skill is based on uni-app documentation, generated at 2026-01-30. It covers iconify, tailwindcss, template workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

如何安装 uni-app？

运行命令：npx killer-skills add sonofmagic/uni-app-vite-vue3-tailwind-vscode-template/uni-app。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

uni-app 适用于哪些场景？

典型场景包括：适用任务： Applying The skill is based on uni-app documentation, generated at 2026-01-30、适用任务： Applying Topic Description Reference、适用任务： Applying ------- ------------- -----------。

uni-app 支持哪些 IDE 或 Agent？

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

uni-app 有哪些限制？

限制说明： Requires repository-specific context from the skill documentation；限制说明： Works best when the underlying tools and dependencies are already configured。

↓ 安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行：npx killer-skills add sonofmagic/uni-app-vite-vue3-tailwind-vscode-template/uni-app。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    uni-app 已启用，可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考，但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论，再决定是否继续查看上游仓库说明。

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

uni-app

安装 uni-app，这是一款面向AI agent workflows and automation的 AI Agent Skill。查看评审结论、使用场景与安装路径。

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

The skill is based on uni-app documentation, generated at 2026-01-30.

uni-app is a Vue.js-based cross-platform framework for developing applications that run on iOS, Android, HarmonyOS, Web (responsive), and various mini-program platforms (WeChat/Alipay/Baidu/Douyin/Feishu/QQ/Kuaishou/DingTalk/Taobao/Jingdong/Xiaohongshu).

Core

TopicDescriptionReference
Core FrameworkProject structure, platform support, condition compilationcore-framework
View Componentsview, scroll-view, swiper, movable-area, cover-viewcore-view-components
Form Componentsinput, textarea, picker, checkbox, radio, switch, slidercore-form-components

Features

UI Components

TopicDescriptionReference
Media Componentsimage, video, camera, live-player, mapfeature-media-components
Navigationnavigator, routing, page navigationfeature-navigation
UI Feedbacktoast, modal, loading, action sheet, pull refreshfeature-ui-feedback

APIs

TopicDescriptionReference
NetworkHTTP requests, file upload/download, WebSocketfeature-network
StorageLocal storage, file system, cachingfeature-storage
System InfoDevice info, network status, screen, vibrationfeature-system-info
File OperationsImage/video selection, file system operationsfeature-file-operations
LocationGeolocation, map component, address selectionfeature-location
LifecycleApp and page lifecycle hooksfeature-lifecycle

Configuration

TopicDescriptionReference
pages.jsonPage routing, tab bar, global styles, sub-packagesconfig-pages
manifest.jsonApp config, permissions, platform settingsconfig-manifest

Platform Support

PlatformSupport Level
iOS AppFull support
Android AppFull support
HarmonyOS NextFull support
H5/WebFull support
WeChat Mini ProgramFull support
Alipay Mini ProgramFull support
Baidu Smart ProgramFull support
Douyin Mini ProgramFull support
QQ Mini ProgramFull support
Kuaishou Mini ProgramFull support
Feishu Mini ProgramFull support
JD Mini ProgramFull support
HarmonyOS Meta ServiceFull support

Key Concepts

Condition Compilation

Use special comments to write platform-specific code:

vue
1<!-- #ifdef APP-PLUS -->
2<view>App only</view>
3<!-- #endif -->
4
5<!-- #ifdef MP-WEIXIN -->
6<view>WeChat only</view>
7<!-- #endif -->

API Promise Support

Most uni-app APIs support Promise when no callback is provided:

javascript
1const res = await uni.request({ url: 'https://api.example.com' })

Cross-Platform Best Practices

  1. Use uni-app components and APIs instead of platform-specific ones
  2. Use condition compilation for platform-specific features
  3. Test on all target platforms
  4. Use rpx for responsive layouts
  5. Handle platform differences in manifest.json
  6. must use uni-helper tools

MCP扩展

当需要查询 uni-app 官方文档时，优先调用 search-docs-by-Uniapp-official MCP 工具搜索相关 API 文档和使用示例。

使用场景：

  • 用户询问特定 API 的详细用法
  • 需要官方文档中的代码示例
  • 查询组件的属性和事件
  • 了解 API 的平台兼容性

工具安装： 如果检测到该 MCP 工具不可用，引导用户访问 https://github.com/uni-helper/mcp 进行安装。

相关技能

寻找 uni-app 的替代方案 (Alternative) 或可搭配使用的同类 community Skill？探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

React 框架

★ 138.4k
⑂ 0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

★ 98.6k
⑂ 0
开发者工具