К основному содержанию
скилл CX Codex

uni-helper — скилл для Claude Code: справочник по инструментам uni-app

Скилл-справочник по экосистеме uni-helper: Vite-плагины, библиотеки и утилиты для разработки на uni-app. Пригодится, когда агент пишет код для uni-app.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add uni-helper/skills --skill uni-helper -a claude-code
Открыть на GitHub

Что делает uni-helper

Скилл собран из документации uni-helper и разложен по разделам: Vite-плагины, библиотеки, утилиты, стартовые шаблоны. Внутри — файлы-справочники в references/, по одному на тему. Агент подтягивает нужный файл, когда в проекте всплывает соответствующий пакет.

В разделе плагинов — файловая маршрутизация, система лейаутов в духе Nuxt, автоматический импорт компонентов, manifest.json на TypeScript, компиляция под платформы через имена файлов, модификаторы атрибутов и middleware для роутинга. Библиотеки: composable-утилиты в стиле VueUse, HTTP-клиент на промисах, обёртки промисов над API uni-app и типы для шаблонов. Отдельно идут утилиты определения окружения и пресет UnoCSS, а также CLI create-uni и шаблон на Vite.

Есть раздел с порядком подключения плагинов в vite.config.ts: официальный плагин Uni() идёт последним, остальные — перед ним. Если поставить его раньше, порядок ломается, поэтому это первое, что стоит проверить в чужом конфиге.

Какие задачи решает

  • подключить файловую маршрутизацию в uni-app
  • настроить автоматический импорт компонентов
  • описать manifest.json на TypeScript
  • разложить код по платформам через имена файлов
  • разобраться с порядком Vite-плагинов в конфиге

Примеры запросов агенту

  • Покажи, как настроить файловую маршрутизацию через vite-plugin-uni-pages
  • Как правильно выстроить порядок плагинов uni-helper в vite.config.ts?
  • Подскажи, как подключить uni-network в проект на uni-app

Как установить uni-helper

1Через Skills CLI (Vercel)

npx skills add uni-helper/skills --skill uni-helper -a claude-code

2Вручную: положить файлы

~/.claude/skills/uni-helper/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/uni-helper/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о uni-helper

Как установить uni-helper в Claude?

Выполните npx skills add uni-helper/skills --skill uni-helper -a claude-code. Скилл окажется в ~/.claude/skills/uni-helper/SKILL.md.

Что делает uni-helper?

Это справочник по экосистеме uni-helper для uni-app: Vite-плагины, библиотеки, утилиты и стартовые шаблоны. Агент обращается к нему, когда в проекте используются эти пакеты.

С какими платформами работает скилл?

Кроме Claude есть установка для Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для Copilot команда другая: gh skill install uni-helper/skills uni-helper.

Исходный текст

SKILL.md · MIT
---
name: uni-helper
description: Comprehensive skill reference for uni-helper ecosystem - AI-powered development tools for uni-app
metadata:
  author: FlippeDround
  version: "2026.1.30"
  source: Generated from https://github.com/uni-helper/website, skills located at https://github.com/uni-helper/ai-tools
---

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

uni-helper is an ecosystem of AI-powered development tools for uni-app, providing Vite plugins, utility libraries, TypeScript support, and development tools to enhance the uni-app development experience.

## Vite Plugins

| Topic | Description | Reference |
|-------|-------------|-----------|
| vite-plugin-uni-pages | File-based routing system for uni-app with auto page discovery | [plugin-pages](references/plugin-pages.md) |
| vite-plugin-uni-layouts | Nuxt-like layouts system for uni-app | [plugin-layouts](references/plugin-layouts.md) |
| vite-plugin-uni-components | On-demand automatic component imports | [plugin-components](references/plugin-components.md) |
| vite-plugin-uni-manifest | Write manifest.json in TypeScript | [plugin-manifest](references/plugin-manifest.md) |
| vite-plugin-uni-platform | File-based platform compilation (*.h5|mp-weixin|app.*) | [plugin-platform](references/plugin-platform.md) |
| vite-plugin-uni-platform-modifier | Platform modifiers for attributes/directives | [plugin-platform-modifier](references/plugin-platform-modifier.md) |
| vite-plugin-uni-middleware | Middleware support for uni-app routing | [plugin-middleware](references/plugin-middleware.md) |

## Libraries

| Topic | Description | Reference |
|-------|-------------|-----------|
| uni-use | VueUse-style composable utilities for uni-app | [lib-uni-use](references/lib-uni-use.md) |
| uni-network | Promise-based HTTP client for uni-app | [lib-uni-network](references/lib-uni-network.md) |
| uni-promises | Promise wrappers for uni-app APIs | [lib-uni-promises](references/lib-uni-promises.md) |
| uni-typed | TypeScript type definitions for uni-app templates | [lib-uni-typed](references/lib-uni-typed.md) |

## Utilities

| Topic | Description | Reference |
|-------|-------------|-----------|
| uni-env | Environment detection utilities for uni-app | [util-uni-env](references/util-uni-env.md) |
| unocss-preset-uni | UnoCSS preset for uni-app | [util-unocss-preset](references/util-unocss-preset.md) |

## Project Starters

| Topic | Description | Reference |
|-------|-------------|-----------|
| create-uni | CLI scaffolding tool for uni-app projects | [starter-create-uni](references/starter-create-uni.md) |
| vitesse-uni-app | Vite-powered uni-app starter template | [starter-vitesse](references/starter-vitesse.md) |

## Plugin Order Best Practices

When using multiple uni-helper Vite plugins, the recommended order is:

```ts
// vite.config.ts
export default defineConfig({
  plugins: [
    UniComponents(),  // 1. Component auto-import
    UniPages(),       // 2. File-based routing
    UniLayouts(),     // 3. Layout system
    UniManifest(),    // 4. Manifest generation
    UniPlatform(),    // 5. Platform-specific files
    UniPlatformModifier(), // 6. Platform modifiers
    UniMiddleware(),  // 7. Route middleware
    Uni(),            // 8. Official uni-app plugin (always last)
  ],
})
```

## Quick Start

Create a new uni-app project with create-uni:

```bash
# npm 7+, extra double-dash is needed
npm create uni@latest

# pnpm
pnpm create uni

# yarn
yarn create uni
```

## Official Resources

- Website: https://uni-helper.js.org
- GitHub: https://github.com/uni-helper
- NPM Scope: @uni-helper

© FlippeDround · MIT · uni-helper/skills

Похожие скиллы

Всё по теме «Фронтенд и UI» →
vuejs-typescript-best-practices Mindrally Задаёт агенту свод правил по Vue.js и TypeScript: Composition API, Pinia, VueUse, Tailwind и оптимизация сборки Vite. Пригодится, когда проект на Vue растёт и хочется единый стиль кода. CX Codex +1 1 000установок web-development TencentCloudBase Скилл для реализации, отладки и сборки веб-фронтенда, когда направление продукта уже определено. React, Vue, Vite, маршрутизация, проверка в браузере. CX Codex +1 1 800установок vue-3-nuxt-3-typescript-cursorrules-prompt-file PatrickJS Правило для Cursor задаёт агенту стиль кода на Vue 3 и Nuxt 3: Composition API, TypeScript-интерфейсы, конвенции Nuxt. Пригодится, когда проект уже на этом стеке и не хочется каждый раз объяснять структуру. ★ 41 011звёзд репо typescript-vite-tailwind-cursorrules-prompt-file PatrickJS Правило для Cursor задаёт стиль кода на TypeScript во Vue-проектах со сборкой Vite и стилями Tailwind. Пригодится, когда агент пишет компоненты и вам нужен предсказуемый результат. ★ 41 011звёзд репо vitepress Anthony Fu Скилл по VitePress: помогает агенту настраивать конфиг, тему и Markdown с Vue-компонентами при сборке сайта документации. CX Codex +1 11 800установок quasar-skilld skilld-dev Скилл для работы с Quasar 2.33.1: помогает писать, настраивать и отлаживать код на Vue 3, опираясь на документацию, которая лежит внутри пакета. CX Codex +1 649установок

Из того же набора4

Спонсоры проекта

Компании, которые помогают держать аналитику открытой