# wechat-miniprogram

Скилл по разработке мини-программ WeChat: WXML-шаблоны, WXSS-стили, WXS-скрипты, компоненты и вызовы WeChat API. Собран из официальной документации.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 593 установки · ★ 32
- Автор: joneqian
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/joneqian/claude-skills-suite/tree/HEAD/skills/wechat-miniprogram/SKILL.md
- Обновлён: 2026-02-10
- HTML: https://affpapa.org/nevibecode/skills/wechat-miniprogram

## Что делает

Скилл даёт агенту справочник по фреймворку мини-программ WeChat. Внутри — быстрый раздел с частыми шаблонами: структура проекта (`app.js`, `app.json`, `app.wxss`, папки `pages/` и `components/`), жизненный цикл `App` и `Page`, привязка данных в WXML через `{{message}}`, условия `wx:if`, циклы `wx:for`, обработка нажатий через `bindtap`. Плюс примеры вызовов вроде `wx.previewImage` и `wx.cloud.callFunction`.

Основной объём лежит в папке `references/`: `getting_started.md`, `framework.md` про логический и видовой слой, `components.md` со встроенными компонентами, `api.md`, `cloud.md` про облачную разработку и `reference.md` по конфигурации. Агент читает нужный файл, когда требуется подробность, а не держит всё в контексте сразу. Содержимое справочников — на китайском, как в официальной документации, поэтому готовьтесь к смешанным формулировкам в ответах.

Скилл сгенерирован автоматически из документации WeChat, так что примеры и структура повторяют исходные материалы. Ставить его имеет смысл, если вы уже работаете с мини-программами или начинаете проект под них; для веб-приложений вне платформы WeChat он бесполезен.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add joneqian/claude-skills-suite --skill wechat-miniprogram -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/wechat-miniprogram/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/wechat-miniprogram/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add joneqian/claude-skills-suite --skill wechat-miniprogram -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/wechat-miniprogram/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add joneqian/claude-skills-suite --skill wechat-miniprogram -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/wechat-miniprogram/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install joneqian/claude-skills-suite wechat-miniprogram
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/wechat-miniprogram/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add joneqian/claude-skills-suite --skill wechat-miniprogram -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/joneqian/claude-skills-suite --path skills/wechat-miniprogram
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/wechat-miniprogram/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add joneqian/claude-skills-suite --skill wechat-miniprogram -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/joneqian/claude-skills-suite/tree/HEAD/skills/wechat-miniprogram/SKILL.md

## Когда брать
- собрать структуру нового проекта мини-программы с `app.json` и страницами
- написать WXML-шаблон с привязкой данных и циклом `wx:for`
- подключить облачную функцию через `wx.cloud.callFunction`
- разобраться с жизненным циклом страницы и порядком `onLoad`/`onShow`/`onReady`
- найти нужный вызов WeChat API по справочнику

## Примеры запросов агенту
- Помоги создать страницу мини-программы WeChat: WXML, WXSS и логика в index.js
- Как в WXML вывести список через wx:for и обработать нажатие на элемент?
- Покажи пример вызова облачной функции через wx.cloud.callFunction

## Похожие
- [wechat-miniprogram-skill](https://affpapa.org/nevibecode/skills/wechat-miniprogram-skill.md) — скилл · 1400 установок
- [auth-wechat-miniprogram](https://affpapa.org/nevibecode/skills/auth-wechat-miniprogram.md) — скилл · 2200 установок
- [cloudbase-document-database-in-wechat-miniprogram](https://affpapa.org/nevibecode/skills/cloudbase-document-database-in-wechat-miniprogram.md) — скилл · 1500 установок
- [baoyu-post-to-wechat](https://affpapa.org/nevibecode/skills/baoyu-post-to-wechat.md) — скилл · 34400 установок
- [baoyu-wechat-summary](https://affpapa.org/nevibecode/skills/baoyu-wechat-summary.md) — скилл · 9800 установок
- [wechat-article-extractor](https://affpapa.org/nevibecode/skills/wechat-article-extractor.md) — скилл · 3900 установок

Из того же набора: [joneqian/claude-skills-suite](https://affpapa.org/nevibecode/by/joneqian/claude-skills-suite.md) — 2 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md