develop-b24-frontend

Develop Bitrix24 frontend applications with Nuxt 3 and Pinia.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/rustams/inbound --skill develop-b24-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: develop-b24-frontend
Source: https://github.com/rustams/inbound/tree/main/.cursor/skills/develop-b24-frontend
Command: npx skills add https://github.com/rustams/inbound --skill develop-b24-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the development of user interfaces for Bitrix24 applications, enabling the creation of dynamic pages and components.

Core Features & Use Cases

  • Nuxt 3 Development: Build frontend applications using the Nuxt 3 framework.
  • Bitrix24 UI Kit Integration: Utilize pre-built UI components for a consistent Bitrix24 look and feel.
  • Bitrix24 JS SDK Interaction: Seamlessly interact with the Bitrix24 API for data fetching and UI actions.
  • State Management: Implement robust state management using Pinia.
  • Use Case: Develop a new custom CRM form within Bitrix24, ensuring it uses the official UI components and can save data via the JS SDK.

Quick Start

Use the develop-b24-frontend skill to create a new page in the frontend application that displays a list of deals fetched from the Bitrix24 CRM.

Frequently Asked Questions about develop-b24-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Bitrix24 frontend using Nuxt 3?

You can build a Bitrix24 frontend with Nuxt 3 by integrating the Bitrix24 UI Kit and JS SDK to render components and fetch data. The Skill handles state management with Pinia and ensures client-side rendering within a Bitrix24 iframe context.

Can I use Bitrix24 UI Kit components inside a Nuxt 3 application?

Yes, you can use Bitrix24 UI Kit components inside a Nuxt 3 application. The Skill streamlines the integration of pre-built UI components to maintain a consistent Bitrix24 look and feel while developing your custom pages.

What is the best way to manage state in a Bitrix24 Nuxt 3 app?

The best way to manage state in a Bitrix24 Nuxt 3 app is using Pinia. The Skill implements robust state management with Pinia to handle data across your custom pages and components seamlessly within the Bitrix24 environment.

Does the Bitrix24 JS SDK work with Nuxt 3 for data fetching?

Yes, the Bitrix24 JS SDK works with Nuxt 3 for data fetching. The Skill enables seamless interaction with the Bitrix24 API, allowing you to fetch CRM data and execute UI actions directly through the JS SDK.

How do I display Bitrix24 CRM deals on a custom Nuxt 3 page?

To display Bitrix24 CRM deals on a custom Nuxt 3 page, you use the Bitrix24 JS SDK to fetch the deal list and the UI Kit to render it. The Skill handles the creation of pages and proxied API interactions to retrieve and display CRM data.