Cross Platform Tauri UI
ifer47/markeron
Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).
Comprehensive skill reference for uni-app cross-platform development framework
$ npx skills add sonofmagic/uni-app-tailwindcss-template --skill uni-app -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sonofmagic/uni-app-tailwindcss-template uni-app --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/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/uni-app .claude/skills/uni-app && 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 "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .claude/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-appType 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 sonofmagic/uni-app-tailwindcss-template --skill uni-app -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sonofmagic/uni-app-tailwindcss-template uni-app --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/uni-app .agents/skills/uni-app && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .agents/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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 sonofmagic/uni-app-tailwindcss-template --skill uni-app -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sonofmagic/uni-app-tailwindcss-template uni-app --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/uni-app .cursor/skills/uni-app && 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 "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .cursor/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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/sonofmagic/uni-app-tailwindcss-template.git --path .agents/skills/uni-app--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 sonofmagic/uni-app-tailwindcss-template --skill uni-app -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sonofmagic/uni-app-tailwindcss-template uni-app --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/uni-app .gemini/skills/uni-app && 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 "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .gemini/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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 sonofmagic/uni-app-tailwindcss-template uni-appInstalls 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 sonofmagic/uni-app-tailwindcss-template --skill uni-app -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/uni-app .github/skills/uni-app && 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 "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .github/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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 sonofmagic/uni-app-tailwindcss-template --skill uni-app -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sonofmagic/uni-app-tailwindcss-template uni-app --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sonofmagic/uni-app-tailwindcss-template.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/uni-app .opencode/skills/uni-app && 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 "uni-app" agent skill from https://github.com/sonofmagic/uni-app-tailwindcss-template/tree/main/.agents/skills/uni-app into .opencode/skills/uni-app/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "uni-app", 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.
uni-appComprehensive skill reference for uni-app cross-platform development framework
Uni App is an agent skill from sonofmagic/uni-app-tailwindcss-template. Comprehensive skill reference for uni-app cross-platform development framework
Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 16 other files, including reference files (for example `GENERATION.md`, `references/config-manifest.md` and `references/config-pages.md`).
It sits in Frontend & Design. It works with Vue.js, Vite, TypeScript and Tailwind CSS. The repository describes itself as: uni-app vue3 tailwindcss 模板,集成了 iconify,eslint,typescript,prettier 等等工具作为解决方案. The licence is MIT.
6 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 110bc88. It shows what the files ask for, not the result of running them.
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.
No scripts in the folder and no shell commands in SKILL.md (its code samples are vue and javascript).
From the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
github.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Uni App loads about 1k tokens when it runs, and up to ~23k if it reads all its reference files. Until then it costs about 22 tokens; SKILL.md has 318 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.
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.
The full file from sonofmagic/uni-app-tailwindcss-template at commit 110bc88, republished under its MIT licence (© sonofmagic). 318 words, ~1,044 tokens.
.claude/skills/uni-app/SKILL.md (or your agent's skills folder). This skill also uses 15 other files; get the full folder from GitHub.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).
| 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 |
| Form Components | input, textarea, picker, checkbox, radio, switch, slider | core-form-components |
| Topic | Description | Reference |
|---|---|---|
| Media Components | image, video, camera, live-player, map | feature-media-components |
| Navigation | navigator, routing, page navigation | feature-navigation |
| UI Feedback | toast, modal, loading, action sheet, pull refresh | feature-ui-feedback |
| Topic | Description | Reference |
|---|---|---|
| Network | HTTP requests, file upload/download, WebSocket | feature-network |
| Storage | Local storage, file system, caching | feature-storage |
| System Info | Device info, network status, screen, vibration | feature-system-info |
| File Operations | Image/video selection, file system operations | feature-file-operations |
| Location | Geolocation, map component, address selection | feature-location |
| Lifecycle | App and page lifecycle hooks | feature-lifecycle |
| Topic | Description | Reference |
|---|---|---|
| pages.json | Page routing, tab bar, global styles, sub-packages | config-pages |
| manifest.json | App config, permissions, platform settings | config-manifest |
| Platform | Support Level |
|---|---|
| iOS App | Full support |
| Android App | Full support |
| HarmonyOS Next | Full support |
| H5/Web | Full support |
| WeChat Mini Program | Full support |
| Alipay Mini Program | Full support |
| Baidu Smart Program | Full support |
| Douyin Mini Program | Full support |
| QQ Mini Program | Full support |
| Kuaishou Mini Program | Full support |
| Feishu Mini Program | Full support |
| JD Mini Program | Full support |
| HarmonyOS Meta Service | Full support |
Use special comments to write platform-specific code:
<!-- #ifdef APP-PLUS -->
<view>App only</view>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<view>WeChat only</view>
<!-- #endif -->Most uni-app APIs support Promise when no callback is provided:
const res = await uni.request({ url: 'https://api.example.com' })当需要查询 uni-app 官方文档时,优先调用 search-docs-by-Uniapp-official MCP 工具搜索相关 API 文档和使用示例。
使用场景:
工具安装: 如果检测到该 MCP 工具不可用,引导用户访问 https://github.com/uni-helper/mcp 进行安装。
© sonofmagic, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 15 other files (references) in .agents/skills/uni-app of sonofmagic/uni-app-tailwindcss-template.
Open the folder on GitHubat commit 110bc88
We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in sonofmagic/uni-app-tailwindcss-template, which our catalogue first saw on October 7, 2026.
Uni App 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 this skillsonofmagic/uni-app-tailwindcss-template | 336 | 2 repos | ~1k | Automated safety check: Pass | MIT | |
| Cross Platform Tauri UIifer47/markeron | 1.2k | — | ~2k | Automated safety check: Pass | MIT | |
| Tauri Config Ipcifer47/markeron | 1.2k | — | ~1k | Automated safety check: Pass | MIT | |
| Web Artifacts Builderanthropics/skills | 180k | 40 repos | ~769 | Automated safety check: Pass | Apache-2.0 | |
| Design To CodeMigoXLab/coderio | 114 | 2 repos | ~1.2k | Automated safety check: Pass | Apache-2.0 | |
| Nuxt UImegaarmos/vue-spring-bottom-sheet | 141 | 1 repos | ~2.5k | Automated safety check: Pass | MIT |
ifer47/markeron
Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).
ifer47/markeron
Extend MarkerOn settings, persisted config, or Tauri IPC commands.
anthropics/skills
Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.
MigoXLab/coderio
Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.
megaarmos/vue-spring-bottom-sheet
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
logue/vite-vuetify-ts-starter
Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.
Works with
Categories
Comprehensive skill reference for uni-app cross-platform development framework. Uni App is an agent skill from sonofmagic/uni-app-tailwindcss-template.
Uni App fits situations like: frontend & Design work in your project.
Run `npx skills add sonofmagic/uni-app-tailwindcss-template --skill uni-app -a claude-code`. Or copy the skill folder (.agents/skills/uni-app in sonofmagic/uni-app-tailwindcss-template) into .claude/skills/uni-app in your project. Claude Code loads it when a task matches its description.
Run `npx skills add sonofmagic/uni-app-tailwindcss-template --skill uni-app -a codex`. Or copy the skill folder (.agents/skills/uni-app in sonofmagic/uni-app-tailwindcss-template) into .agents/skills/uni-app in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sonofmagic/uni-app-tailwindcss-template --skill uni-app -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/uni-app, .gemini/skills/uni-app, .github/skills/uni-app and .opencode/skills/uni-app in your project.
SKILL.md names no scripts, command-line tools or credentials: Uni App is instructions for the agent only.
SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.
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.
Uni App is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 22k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Uni App: Cross Platform Tauri UI (ifer47/markeron, 1.2k stars), Tauri Config Ipc (ifer47/markeron, 1.2k stars), Web Artifacts Builder (anthropics/skills, 180k stars) and Design To Code (MigoXLab/coderio, 114 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
sonofmagic (a GitHub user) maintains it in sonofmagic/uni-app-tailwindcss-template, which has 336 GitHub stars. The repository was last updated on October 1, 2026.
Source: sonofmagic/uni-app-tailwindcss-template on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.