Frontend UI Standards
MaxHan7/frontend-ui-standards-skill
A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.
“A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini program components…”
Install uni-app Mini Program Guide
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install feige996/unibest uniapp-mini-guide --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .claude/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .claude/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guideType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install feige996/unibest uniapp-mini-guide --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .agents/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .agents/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install feige996/unibest uniapp-mini-guide --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .cursor/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .cursor/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/feige996/unibest.git --path .agents/bak-skills/uniapp-mini-guide--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install feige996/unibest uniapp-mini-guide --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .gemini/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .gemini/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install feige996/unibest uniapp-mini-guideInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .github/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .github/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add feige996/unibest --skill uniapp-mini-guide -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install feige996/unibest uniapp-mini-guide --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/feige996/unibest.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/bak-skills/uniapp-mini-guide .opencode/skills/uniapp-mini-guide && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "uniapp-mini-guide" agent skill from https://github.com/feige996/unibest/tree/base/.agents/bak-skills/uniapp-mini-guide into .opencode/skills/uniapp-mini-guide/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uniapp-mini-guide", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
uniapp-mini-guide- GitHub stars
- 2.3k
- Token cost
- ~516 tokens
- SKILL.md length
- 179 words
- Files
- 6
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- MIT
At a glance
- Works in 5 steps: 环境准备 → 配置初始化 → 核心功能使用 → …
- SKILL.md covers When to use this skill, How to use this skill, Examples and Templates and Best Practices, plus 5 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
About this skill
“A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini program components and APIs based on the official native support docs.”
uni-app Mini Program Guide is a skill in feige996/unibest (2.3k stars). Its SKILL.md is about 516 tokens, with 5 other files in the folder. Licence: MIT.
Workflow steps
5 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit dc3af8d. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
nativesupport.dcloud.net.cn
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
uni-app Mini Program Guide loads about 516 tokens when it runs. Until then it costs about 61 tokens; SKILL.md has 179 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from feige996/unibest at commit dc3af8d, republished under its MIT licence (© feige996). 179 words, ~516 tokens.
Download SKILL.mdSave it as
.claude/skills/uniapp-mini-guide/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- uniapp-mini-guide
- description
- A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working with mini program components and APIs based on the official native support docs.
- license
- Complete terms in LICENSE.txt
When to use this skill
Use this skill whenever the user wants to:
- Build uni-app mini programs
- Configure mini program settings and capabilities
- Use mini program components and APIs within uni-app
- Understand native mini program limitations and compatibility
How to use this skill
Start with the overview:
examples/guide/intro.md
Configure mini program settings:
examples/guide/config.md
Check component and API references:
examples/components/overview.mdexamples/api/overview.md
Examples and Templates
examples/guide/intro.md- Mini program overviewexamples/guide/config.md- Configuration and capability setupexamples/components/overview.md- Component references and usageexamples/api/overview.md- API references and usage
Best Practices
- Follow mini program platform requirements and audits
- Keep package size small and optimize assets
- Validate API compatibility per platform
- Use conditional compilation for platform-specific code
Resources
Keywords
uniapp, uni-app, mini program, 小程序, native support, components, api, 平台兼容
能力边界
✅ 适用场景
- 当你需要使用此技能对应的技术栈时
- 当项目需要遵循最佳实践时
- 当需要快速上手或深入理解核心概念时
⚠️ 需要注意
- 复杂业务逻辑需要结合具体场景调整
- 性能优化需要根据实际数据量评估
❌ 不适用场景
- 不相关的技术栈或框架
- 需要完全自定义的特殊场景
常见陷阱 (Gotchas)
- 版本兼容性：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异
- 配置文件格式：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查
- 环境变量：确保所有必要的环境变量已正确设置，敏感信息不要硬编码
- 依赖冲突：多版本共存时注意依赖冲突，使用 lock 文件锁定版本
- 性能陷阱：大数据量场景下注意性能优化，避免 N+1 查询等常见问题
使用流程
Step 1: 环境准备
确保开发环境已安装必要的依赖和工具。
Step 2: 配置初始化
根据项目需求进行基础配置。
Step 3: 核心功能使用
按照示例代码实现核心功能。
Step 4: 测试验证
运行测试确保功能正常。
Step 5: 部署上线
完成开发后进行部署和监控。
© feige996, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files in .agents/bak-skills/uniapp-mini-guide of feige996/unibest.
- SKILL.md
- LICENSE.txt
- examples/api/overview.md
- examples/components/overview.md
- examples/guide/config.md
- examples/guide/intro.md
Open the folder on GitHubat commit dc3af8d
Compare with similar skills
uni-app Mini Program Guide next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| uni-app Mini Program Guide this skillfeige996/unibest | 2.3k | — | ~516 | Automated safety check: Pass | MIT | |
| Frontend UI StandardsMaxHan7/frontend-ui-standards-skill | 106 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Vue ExpertJeffallan/claude-skills | 12k | — | ~1.1k | Automated safety check: Pass | MIT | |
| React Native Best Practicesvercel-labs/openreview | 1.7k | 17 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Creating Reanimated Animationsgluestack/gluestack-ui | 5.3k | — | ~2.4k | Automated safety check: Pass | None |
Similar skills
Vue Expert
Jeffallan/claude-skills
Builds Vue 3 apps with the Composition API and script setup, Pinia state, Nuxt 3, Vite tuning and Quasar or Capacitor mobile builds, checked with vue-tsc and Vitest.
- Official
React Native Best Practices
vercel-labs/openreview
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
Compose Multiplatform Patterns
monta-app/ocpp-emulator
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
Creating Reanimated Animations
gluestack/gluestack-ui
Generate React Native Reanimated animation code for React Native apps.
Jetpack Compose Expert
aldefy/compose-skill
Guides Jetpack Compose and Compose Multiplatform work across Android, Desktop, iOS and web, plus Android TV, Material 3 motion, paging, navigation and design-to-code.
More from feige996/unibest
All 14 skills in this repoUni-app Components and APIs
feige996/unibest
Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.
Uni-app-x Components and APIs
feige996/unibest
Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.
uni-ad Ads for uni-app
feige996/unibest
A comprehensive skill for uni-ad monetization in uni-app. Use this skill to integrate ads, configure ad types, handle ad events, and follow official uni-ad…
uniCloud Cloud Development
feige996/unibest
Covers uniCloud for uni-app projects: project and cloud space setup, cloud database CRUD and permissions, cloud functions, storage and datacom components.
uni-app Native App Packaging
feige996/unibest
A comprehensive skill for uni-app native app offline packaging. Use this skill to package uni-app as native Android/iOS apps, configure native app settings…
uni-app Native Plugin Development
feige996/unibest
A comprehensive skill for developing native plugins for uni-app. Use this skill when building Android/iOS native plugins, integrating native capabilities, or…
Related
Categories
Questions about uni-app Mini Program Guide
How do I install uni-app Mini Program Guide in Claude Code?
Run `npx skills add feige996/unibest --skill uniapp-mini-guide -a claude-code`. Or copy the skill folder (.agents/bak-skills/uniapp-mini-guide in feige996/unibest) into .claude/skills/uniapp-mini-guide in your project. Claude Code loads it when a task matches its description.
How do I install uni-app Mini Program Guide in Codex?
Run `npx skills add feige996/unibest --skill uniapp-mini-guide -a codex`. Or copy the skill folder (.agents/bak-skills/uniapp-mini-guide in feige996/unibest) into .agents/skills/uniapp-mini-guide in your project. Codex loads it when a task matches its description.
Can I use uni-app Mini Program Guide in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add feige996/unibest --skill uniapp-mini-guide -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uniapp-mini-guide, .gemini/skills/uniapp-mini-guide, .github/skills/uniapp-mini-guide and .opencode/skills/uniapp-mini-guide in your project.
What does uni-app Mini Program Guide need to run?
SKILL.md names no scripts, command-line tools or credentials: uni-app Mini Program Guide is instructions for the agent only.
Does uni-app Mini Program Guide access the network?
SKILL.md names 1 domain. As links in the text: nativesupport.dcloud.net.cn. This is read from the text; nothing was executed.
Is uni-app Mini Program Guide safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does uni-app Mini Program Guide use?
uni-app Mini Program Guide is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does uni-app Mini Program Guide use?
About 516 tokens (SKILL.md is roughly 2.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to uni-app Mini Program Guide?
Skills that share tags, products or a category with uni-app Mini Program Guide: Frontend UI Standards (MaxHan7/frontend-ui-standards-skill, 106 stars), Vue Expert (Jeffallan/claude-skills, 12k stars), React Native Best Practices (vercel-labs/openreview, 1.7k stars) and Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains uni-app Mini Program Guide?
feige996 (a GitHub user) maintains it in feige996/unibest, which has 2,275 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on September 15, 2026.
Source: feige996/unibest on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.