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

wechat-miniprogram-skill — скилл для Claude Code: нативные

Задаёт агенту правила разработки нативных мини-программ WeChat на JavaScript: производительность, размер кода, совместимость с платформой.

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

Что делает wechat-miniprogram-skill

Скилл превращает ассистента в старшего разработчика нативных мини-программ WeChat. Приоритеты расставлены жёстко: производительность, размер кода и нативная совместимость. Кросс-платформенные фреймворки и TypeScript исключены — если вы пишете на Taro или Uni-app, скилл будет тянуть проект в другую сторону.

Внутри — набор технических требований. Логика на ES6+ с arrow-функциями для привязки this, асинхронные API обёрнуты в Promises или async/await. Обновление состояния идёт через this.setData(), причём для частичных правок предписаны data paths вида this.setData({ 'list[0].text': 'new' }). В WXML обязателен wx:key в wx:for, обработчики — bind:tap или catch:tap. Вёрстка на rpx по BEM, а для переиспользуемой логики советует Component() вместо Page().

Отдельный блок про грабли. Даты в iOS ломаются на дефисе, поэтому перед new Date() его меняют на слэш. Для переходов на tab-страницы нужен wx.switchTab, а стек страниц ограничен 10 — это повод проверить навигацию в сценариях с длинными цепочками переходов. Поверх <canvas>, <video> и <map> нативные компоненты перекрываются только через <cover-view>.

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

  • писать логику мини-программы на чистом JavaScript без фреймворков
  • обновлять состояние точечно через data paths вместо полного setData
  • чинить падение new Date() на iOS из-за дефисов в строке
  • укладываться в лимит стека страниц при навигации
  • перекрывать canvas и video элементами интерфейса

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

  • помоги сверстать страницу списка товаров на WXML с wx:key
  • перепиши этот setData на частичное обновление через data path
  • почему на iOS не парсится дата из этой строки

Как установить wechat-miniprogram-skill

1Через Skills CLI (Vercel)

npx skills add Gourdbaby/wechat-miniprogram-skill --skill wechat-miniprogram-skill -a claude-code

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

~/.claude/skills/wechat-miniprogram-skill/SKILL.md

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

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

Похожие

wechat-miniprogram joneqian Скилл по разработке мини-программ WeChat: WXML-шаблоны, WXSS-стили, WXS-скрипты, компоненты и вызовы WeChat API. Собран из официальной документации. CX Codex +1 593установок auth-wechat-miniprogram TencentCloudBase Скилл объясняет агенту, как устроена нативная авторизация в мини-программах WeChat на CloudBase: openid и unionid приходят в облачную функцию сами. CX Codex +1 2 200установок cloudbase-document-database-in-wechat-miniprogram TencentCloudBase Скилл ведёт агента по работе с документной базой CloudBase из мини-программы WeChat: запросы, пагинация, агрегации, геолокация. CX Codex +1 1 500установок tdesign-miniprogram joneqian Скилл подсказывает агенту, как собирать интерфейс мини-программ WeChat на компонентах TDesign от Tencent: 60+ элементов, тёмная тема, кастомизация. CX Codex +1 396установок baoyu-post-to-wechat JimLiu Публикует статьи и посты с картинками в WeChat Official Account через API или браузер Chrome по CDP. Пригодится для ведения китайского блога прямо из редактора кода. CX Codex +1 34 400установок baoyu-wechat-summary JimLiu Выгружает переписку из WeChat через утилиту wx-cli и собирает структурированные дайджесты групповых чатов с профилями участников и историей. CX Codex +1 9 800установок

Рядом в теме «Мобильная разработка»

Всё по теме «Мобильная разработка» →

Вопросы о wechat-miniprogram-skill

Как установить wechat-miniprogram-skill в Claude?

Выполните npx skills add Gourdbaby/wechat-miniprogram-skill --skill wechat-miniprogram-skill -a claude-code. После этого файл скилла окажется по пути ~/.claude/skills/wechat-miniprogram-skill/SKILL.md.

Что делает wechat-miniprogram-skill?

Даёт агенту инструкции по нативной разработке мини-программ WeChat: правила работы с setData, WXML, WXSS и нативными компонентами, а также типичные ошибки вроде дат на iOS.

Подойдёт ли скилл для проекта на Taro или Uni-app?

Нет. Кросс-платформенные фреймворки и TypeScript в правилах прямо запрещены, скилл рассчитан на нативный JavaScript.

Смотрите также

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

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