Скилл шаблона дашборда Битрикс24 на Nuxt

Установка

npx skillfoxx add skills/nuxt-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a claude-code -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .claude/skills
cp -R "$tmp/skills/b24-dashboard-template" .claude/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a cursor -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a github-copilot -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .github/skills
cp -R "$tmp/skills/b24-dashboard-template" .github/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a codex -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a gemini-cli -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .devin/skills
cp -R "$tmp/skills/b24-dashboard-template" .devin/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a cline -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .cline/skills
cp -R "$tmp/skills/b24-dashboard-template" .cline/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a roo -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .roo/skills
cp -R "$tmp/skills/b24-dashboard-template" .roo/skills/b24-dashboard-template

npx skills add bitrix24/templates-dashboard --skill b24-dashboard-template -a opencode -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/bitrix24/templates-dashboard.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/b24-dashboard-template/
git -C "$tmp" checkout 45762ea267ddbbec181f16d6e9d9846494df59c6
mkdir -p .agents/skills
cp -R "$tmp/skills/b24-dashboard-template" .agents/skills/b24-dashboard-template

git clone https://github.com/bitrix24/templates-dashboard.git <project-name>
cd <project-name>
pnpm install

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Репозиторий это стартовый Nuxt-проект: сворачиваемый сайдбар, светлая и темная темы, командная палитра, многостраничная структура, все на компонентах @bitrix24/b24ui-nuxt. Он работает автономно на моковых данных и, при встраивании в Битрикс24 как приложение, читает данные CRM через B24 Frame SDK. Скилл b24-dashboard-template учит агента работать внутри этой архитектуры: сначала спросить, для чего нужен шаблон, для Bitrix24 Vibecoding или для REST API, и настроить проект по-разному, затем соблюдать четыре правила шаблона: только семантические цвета b24ui, весь текст через i18n с английским как исходником, доступ к Битрикс24 только через хук useB24, и тонкие страницы с UI-логикой в app/components и данными в composables.

Для кого. Для разработчиков, которые начинают новое Bitrix24-приложение с дашбордом и хотят готовую архитектуру вместо чистого листа.

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

Добавь в шаблон новую страницу с таблицей сделок CRM, используя мок-данные, пока портал не подключен

Ограничения

Скилл описывает архитектуру только этого конкретного шаблона, а не Битрикс24 в целом, и полезен, только если проект начат клонированием этого репозитория. За API компонентов b24ui скилл отправляет к отдельному скиллу b24-ui-nuxt. Проект небольшой и нишевый.

Как отключить. Удалите папку skills/b24-dashboard-template из проекта, если она больше не нужна.

Проверка безопасности

• По умолчанию работает на сгенерированных мок-данных, без доступа к реальному порталу
• При встраивании в Битрикс24 читает данные CRM через B24 Frame в рамках выданных прав приложения

Коротко о README

README описывает быстрый старт через git clone и pnpm install, переменные окружения для продакшена, режим работы без Битрикс24 на сгенерированных данных, а также требуемые права доступа crm, user_brief, tasks и entity и шаги регистрации локального приложения в Битрикс24.

SKILL.md

---
name: b24-dashboard-template
description: Work on the Bitrix24 Nuxt Dashboard Template — a starter B24 app built with @bitrix24/b24ui-nuxt, running on mock data standalone and on CRM data when embedded in Bitrix24. Use when adding pages, components, composables, mock/real data, or localized strings to this template.
---

# Bitrix24 Nuxt Dashboard Template

A Nuxt 4 dashboard that ships as a browser-based Bitrix24 application. It works standalone on mock data and, once embedded in Bitrix24, reads CRM data through the B24 Frame SDK. Every screen is composed from @bitrix24/b24ui-nuxt components and @bitrix24/b24icons-vue icons, and every visible string is localized across 19 locales.

## Core rules (always apply)

1. Semantic colors only. Use b24ui tokens — never raw Tailwind palette.
2. No hard-coded user-facing strings. Everything goes through i18n, English source of truth first.
3. All B24 access through useB24(). Never new B24Frame() in a component.
4. Keep pages thin. Feature UI lives in app/components/<feature>/, data in app/composables/ or server/api/.
5. Mock first. New data must render standalone before it reads real CRM data.

Похожие