SkillFoxx

Bitrix24 Nuxt dashboard template skill

Nuxt Dashboard Template

Bitrix24's official Nuxt dashboard starter built on b24ui, shipped with mock data and a skill that guides development inside the template's architecture

  • 2 ★ on the repository
  • Last commit
  • MIT
SkillOfficial

Minimal access

Why this level

  • Runs on generated mock data by default, with no access to a real portal
  • When embedded in Bitrix24 it reads CRM data through B24 Frame within the app's granted scopes
All reasons and checks
Russian stack

bitrix24/templates-dashboardAuthor:Bitrix24

Install

Services

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/nuxt-dashboard-template

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • Runs on generated mock data by default, with no access to a real portal
  • When embedded in Bitrix24 it reads CRM data through B24 Frame within the app's granted scopes

This is third-party code. Review the repository files before installing.

What it does

The repository is a Nuxt starter: a collapsible sidebar, light and dark themes, a command palette, multi-page structure, all built on @bitrix24/b24ui-nuxt components. It runs standalone on mock data and, once embedded in Bitrix24 as an app, reads CRM data through the B24 Frame SDK. The b24-dashboard-template skill teaches an agent to work inside this architecture: first ask what the template is for, Bitrix24 Vibecoding or the REST API, and set the project up differently for each, then follow four rules: semantic b24ui colors only, every string through i18n with English as the source, Bitrix24 access only via the useB24 hook, and thin pages with UI logic in app/components and data in composables.

Who it is for. For developers starting a new Bitrix24 dashboard app who want a ready architecture instead of a blank slate.

Good fit when

  • You are starting a new Nuxt Bitrix24 dashboard app with a sidebar and themes
  • You want to preview the UI on mock data before wiring up a real portal
  • You need an example of localizing across 19 languages and reading CRM data through B24 Frame

Not a fit when

  • You need the Vue version, not Nuxt: a separate templates-dashboard-vue repository covers that
  • Your project already has its own architecture and does not start from this template

Example request

Add a new page to the template with a CRM deals table, using mock data until the portal is connected

Limitations

The skill only describes this specific template's architecture, not Bitrix24 in general, and is useful only if the project starts from cloning this repository. For b24ui component APIs the skill points to the separate b24-ui-nuxt skill. The project is small and niche.

How to disable. Delete the skills/b24-dashboard-template folder from the project if it is no longer needed.

FAQ

Do I need a Bitrix24 account to get started?

No, the template runs locally with pnpm dev and works on generated test data until it is embedded in a real portal.

What if the template targets Vibecoding rather than the REST API?

The skill points to a separate removal procedure for @bitrix24/b24jssdk in references/recipes/setup-target.md, specific to Vibecoding.

Discussion

No questions or reviews yet.

All Bitrix24 tools
Official

Bitrix24's official skill for its 130-plus b24ui-nuxt components: which component to reach for, semantic colors, forms and ready layouts

SkillMinimal access44
Official

Bitrix24's official MCP server template on Nuxt: ready tools for tasks and users, three deployment options

MCP serverBroad access6
Russian stack

A skill for administering, diagnosing and developing boxed Bitrix24 and Bitrix Framework, built from official documentation

SkillExtended access1

The @bitrix24/b24jssdk skill set

@bitrix24/b24jssdk skills

Official

Seven official Bitrix24 skills for the JS/TS SDK: picking B24Hook, B24Frame or B24OAuth, REST calls, filters, iframe managers and 12 ready mini-apps

SkillExtended access18
Russian stack

Four skills for Bitrix24 apps: install and OAuth, a batching REST client, events and iframe placements, CRM business processes and calendar

SkillExtended access
Official

A Bitrix24 app starter kit from the Bitrix team: a ready frontend and three backends, plus eight skills for agents

SkillExtended access40

README in short

The README covers a quick start via git clone and pnpm install, production environment variables, running without Bitrix24 on generated data, and the required crm, user_brief, tasks and entity permission scopes plus the steps for registering a local app in Bitrix24.

README badge

Original 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.

Report a problem