MCPInstall

uniappx-project

Provides comprehensive uni-app-x component and API integration guidance. Use when the user needs official uni-app-x components or APIs, wants per-component or per-API examples, or needs cross-platform compatibility details for uni-app-x.

Installs
133
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads uniappx-project automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

When to use this skill

Use this skill whenever the user wants to:

  • Use any uni-app-x built-in component
  • Use any uni-app-x API (network, storage, device, UI, navigation, media, etc.)
  • Access per-component or per-API examples with official doc links
  • Check platform compatibility for components and APIs in uni-app-x
  • Build uni-app-x applications with Vue 3 + TypeScript + Vite

How to use this skill

This skill is organized to match the official uni-app-x components and API documentation:

  1. Choose component or API category:

    • Components → examples/components/built-in/
    • APIs → examples/api/ (categorized by domain)
  2. Open the matching example file:

    • Each component or API has its own example file
    • Each example includes the official documentation URL
    • Examples mirror the official documentation examples
  3. Use references when you need full specs:

    • references/components/built-in/ for built-in components
    • references/api/ for API parameter/return/compatibility details

Examples and References

Components (Built-in)

APIs

Best Practices

  1. One file per component/API: Each component and API has an independent example file with official doc link.
  2. Follow platform compatibility: Check the compatibility section in each example/reference.
  3. Use conditional compilation: Use #ifdef/#endif for platform-specific logic.
  4. Keep examples aligned: Use the official documentation examples as the source of truth.
  5. Prefer references for specs: Use references/ for full parameter tables and compatibility.

Resources

Keywords

uniappx, uni-app-x, components, api, built-in components, examples, references, Vue 3, TypeScript, Vite, H5, App, mini program, 跨平台, 组件, API, 官方文档

FAQ

What does the uniappx-project skill do?

Provides comprehensive uni-app-x component and API integration guidance. Use when the user needs official uni-app-x components or APIs, wants per-component or per-API examples, or needs cross-platform compatibility details for uni-app-x.

How do I install uniappx-project?

Run npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniappx-project in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/uniappx-project/ (personal) or .claude/skills/uniappx-project/ (project).

Which AI agents can use uniappx-project?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is uniappx-project safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains uniappx-project?

It is published by full-stack-skills in full-stack-skills/uniapp-skills. It has 133 recorded installs.

More from full-stack-skills/uniapp-skills

View all →

uniapp-project

full-stack-skills/uniapp-skills

Provides comprehensive uni-app component and API integration guidance. Use when the user needs official uni-app components or APIs, wants per-component or per-API examples, or needs cross-platform compatibility details.

Frontend & Design174 installs

uniapp-uview

full-stack-skills/uniapp-skills

A comprehensive skill for integrating and using uView UI with UniApp projects. This skill focuses on UniApp-specific integration, configuration, and platform-specific considerations when using uView UI in UniApp applications. Use this skill whenever the user needs to integrate uView UI into UniApp projects, configure UniApp-specific settings, or handle platform differences.

Frontend & Design127 installs

uniapp-native-app

full-stack-skills/uniapp-skills

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, handle signing, and follow official offline packaging documentation.

Mobile126 installs

uniapp-plugin

full-stack-skills/uniapp-skills

A comprehensive skill for the uni-app plugin market and automatic plugin installation. Use this skill to browse plugins, auto-install plugins, configure plugin settings, and integrate third-party plugins based on the official plugin market docs.

Docs & Writing126 installs

uniapp-cloud

full-stack-skills/uniapp-skills

A comprehensive skill for uniCloud cloud development in the uni-app ecosystem. Use this skill when you need uniCloud project setup, cloud database CRUD, cloud functions, storage, or datacom components, following official uniCloud documentation.

Data & Databases119 installs

uniappx-uview-pro

full-stack-skills/uniapp-skills

A comprehensive skill for integrating and using uView Pro with UniAppX projects. This skill focuses on UniAppX-specific integration, configuration, and platform-specific considerations when using uView Pro in UniAppX applications. Use this skill whenever the user needs to integrate uView Pro into UniAppX projects, configure UniAppX-specific settings, or handle platform differences.

116 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs