Official uni-app components and APIs with per-item examples and cross-platform compatibility details.
Works with
Organized reference library covering built-in components, uni-ui components, and 11+ API categories (network, storage, device, UI, navigation, media, file, payment, share, location, and more)
Each component and API includes standalone example files with official documentation links and runnable code snippets
Platform compatibility matrix for all 9 supported platforms: H5, WeChat Mini
AI-first code editor with Composer
Before installing skills in Cursor, ensure your development environment meets these requirements:
node --versionuniapp-projectExecute the skills CLI command in your project's root directory to begin installation:
Fetches uniapp-project from teachingai/full-stack-skills and configures it for Cursor.
The CLI shows a list of agents. Use arrow keys and space to select Cursor:
Confirm successful installation by checking the skill directory location:
Restart Cursor to activate uniapp-project. Access via /uniapp-project in your agent's command palette.
We perform automated surface-level scans (Gen AI Scanner, Socket, Snyk) during installation. These checks detect common vulnerabilities but do not guarantee complete security. Always review skill source code and verify the publisher's reputation before production use.
Skills execute code in your environment. Always review source, verify the publisher, and test in isolation before production.
Submit your Claude Code skill and start earning
Create detailed user stories, acceptance criteria, and feature specs
Example
Generate user stories for 'password reset feature' with acceptance criteria, edge cases, and test scenarios
Reduce spec writing time by 50%, ensure comprehensive coverage
Research competitors, compare features, identify gaps
Example
Analyze 5 competitor products, create feature comparison matrix, suggest differentiation opportunities
Complete competitive research in 2 hours instead of 2 days
Evaluate features using frameworks (RICE, ICE, Kano) and create prioritized backlogs
Example
Score 20 feature ideas using RICE framework, generate prioritized roadmap with rationale
27
total installs
27
this week
259
GitHub stars
0
upvotes
Run in your terminal
27
installs
27
this week
259
stars
Use this skill whenever the user wants to:
This skill is organized to match the official uni-app components and API documentation:
Choose component or API category:
examples/components/built-in/ and examples/uni-ui/examples/api/ (categorized by domain)Open the matching example file:
Use references when you need full specs:
references/components/built-in/ for built-in componentsreferences/components/uni-ui/ for uni-ui componentsreferences/api/ for API parameter/return/compatibility detailsexamples/components/built-in/*.mdreferences/components/built-in/*.mdexamples/uni-ui/*.vue and examples/uni-ui/README.mdreferences/components/uni-ui/*.mdexamples/api/{category}/*.mdreferences/api/*.md#ifdef/#endif for platform-specific logic.references/ for full parameter tables and compatibility.uniapp, uni-app, components, api, built-in components, uni-ui, examples, references, pages.json, manifest.json, H5, App, mini program, 跨平台, 组件, API, 官方文档
examples/api/network/ - 网络请求 API 示例examples/api/storage/ - 数据存储 API 示例examples/api/device/ - 设备信息 API 示例examples/api/ui/ - 界面交互 API 示例examples/api/location/ - 位置服务 API 示例examples/api/media/ - 媒体处理 API 示例examples/api/navigation/ - 页面路由 API 示例examples/api/file/ - 文件操作 API 示例examples/api/payment/ - 支付 API 示例examples/api/share/ - 分享 API 示例examples/api/other/ - 其他 API 示例examples/uni-ui/ - uni-ui 组件的完整示例代码（每个组件一个独立的 .vue 文件）使用场景：当需要查看组件或 API 的完整使用示例时，参考此目录下的示例文件。每个示例文件包含官网展示的所有示例场景，可直接复制使用。
注意：
examples/components/built-in/ 目录examples/api/ 目录，按分类组织examples/uni-ui/ 目录uni-app 支持以下平台：
每个组件和 API 的详细平台支持情况见对应文档。
基础组件使用示例：
<template>
<view class="container">
<text>{{ message }}</text>
<button @click="handleClick">点击按钮</button>
<image :src="imageUrl" mode="aspectFit"></image>
</view>
</template>
<script>
export default {
data() {
return {
message: 'Hello UniApp',
imageUrl: '/static/logo.png'
}
},
methods: {
handleClick() {
uni.showToast({
title: '按钮被点击',
icon: 'success'
})
}
}
}
</script>
更多组件示例：
references/components/built-in/ 目录下的组件文档examples/uni-ui/ 目录（每个组件都有独立的 .vue 示例文件）references/components/built-in/ 和 references/components/uni-ui/ 目录（每个组件都有独立的文档文件，包含属性、事件、平台兼容性、使用示例）// 网络请求
uni.request({
url: 'https://api.example.com/data',
method: 'GET',
success: (res) => {
console.log(res.data)
},
fail: (err) => {
console.error(err)
}
})
// 数据存储
uni.setStorage({
key: 'userInfo',
data: { name: 'John', age: 30 },
success: () => {
console.log('存储成功')
}
})
// 页面跳转
uni.navigateTo({
url: '/pages/detail/detail?id=123'
})
更多 API 示例：见 references/api/ 目录中的详细文档
#ifdef、#endif 处理平台差异Make data-driven prioritization decisions faster
Draft PRDs, status updates, and stakeholder presentations
Example
Create executive summary of Q3 roadmap, monthly progress report, feature launch announcement
Save 3-5 hours/week on communication overhead
Prerequisites
Time Estimate
30-60 minutes to see productivity improvements
Steps
Common Pitfalls
✓ Do
✗ Don't
💡 Pro Tips
✓ Use when
Use for user story writing, competitive research, roadmap prioritization, stakeholder communication, and PRD drafting. Best for reducing repetitive documentation and research work.
✗ Avoid when
Avoid for strategic product vision (requires deep customer empathy), pricing decisions (needs market and financial expertise), or when face-to-face customer discovery is more valuable than speed.
mattpocock/skills
parcadei/continuous-claude-v3
cursor/plugins
pproenca/dot-skills
ailabs-393/ai-labs-claude-skills
mattpocock/skills
uniapp-project has been reliable in day-to-day use. Documentation quality is above average for community skills.
We added uniapp-project from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
Keeps context tight: uniapp-project is the kind of skill you can hand to a new teammate without a long onboarding doc.
Registry listing for uniapp-project matched our evaluation — installs cleanly and behaves as described in the markdown.
uniapp-project fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.
Solid pick for teams standardizing on skills: uniapp-project is focused, and the summary matches what you get after install.
I recommend uniapp-project for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
Useful defaults in uniapp-project — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
uniapp-project reduced setup friction for our internal harness; good balance of opinion and flexibility.
We added uniapp-project from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
showing 1-10 of 42