SkillFoxx
Telegram

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

Nuxt Dashboard Template

Официальный стартовый Nuxt-дашборд Битрикс24 на b24ui с мок-данными и скиллом, который ведет разработку по архитектуре шаблона

  • 2 ★ репозитория
  • Последний коммит
  • MIT
СкиллОфициальный

Минимальный доступ

Почему такой уровень

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

bitrix24/templates-dashboardАвтор:Bitrix24

Установка

Сервисы

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/nuxt-dashboard-template

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

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

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

Что делает

Репозиторий это стартовый 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-приложение с дашбордом и хотят готовую архитектуру вместо чистого листа.

Подходит, если

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

Не подходит, если

  • Нужен не Nuxt, а Vue-версия шаблона: для нее есть отдельный репозиторий templates-dashboard-vue
  • Проект уже имеет свою архитектуру и не начинается с этого шаблона

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

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

Ограничения

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

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

Частые вопросы

Нужен ли аккаунт Битрикс24 для начала работы?

Нет, шаблон запускается локально командой pnpm dev и работает на генерируемых тестовых данных, пока не встроен в реальный портал.

Что если шаблон нужен для Vibecoding, а не REST API?

Скилл ссылается на отдельную процедуру удаления @bitrix24/b24jssdk из проекта в references/recipes/setup-target.md, специфичную для Vibecoding.

Обсуждение

Вопросов и отзывов пока нет.

Битрикс24 — все инструменты
Официальный

Официальный скилл Битрикс24 для более чем 130 компонентов b24ui-nuxt: когда какой компонент брать, семантические цвета, формы и готовые макеты

СкиллМинимальный доступ44
Официальный

Официальный шаблон MCP-сервера для Битрикс24 на Nuxt: готовые инструменты для задач и пользователей, три варианта развертывания

MCP-серверШирокий доступ6
Российский стек

Скилл для администрирования, диагностики и разработки коробочного Битрикс24 и Bitrix Framework по официальной документации

СкиллРасширенный доступ1
Официальный

Семь официальных скиллов Битрикс24 для JS/TS SDK: выбор B24Hook, B24Frame или B24OAuth, REST-вызовы, фильтры, iframe-менеджеры и 12 готовых мини-приложений

СкиллРасширенный доступ18
Официальный

Стартер-кит приложений Битрикс24 от команды Bitrix: готовый фронтенд и три бэкенда плюс восемь скиллов для агентов

СкиллРасширенный доступ40

Коротко о README

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

Бейдж для README

Исходный 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.

Сообщить о проблеме