v2.5.3

Skills

Install Bitrix24 UI skills to give AI coding agents deep knowledge of components, theming, and best practices.

What are Skills?

Skills are structured knowledge files that give AI coding agents context about a library, framework, or codebase. Unlike MCP servers that provide real-time tool access, skills are loaded directly into the agent's context so it can reference them throughout the conversation.

Bitrix24 UI provides a skill that teaches AI agents how to build interfaces with the library, covering installation, theming, components, composables, forms, overlays, and layouts.

Usage Skill

The usage skill gives AI agents comprehensive knowledge about building with Bitrix24 UI v4. It covers:

  • Installation for Nuxt, Vue, Laravel, and AdonisJS
  • Theming and branding with semantic colors and CSS variables
  • All 125+ components with props and usage patterns
  • Composables (useDevice, useToast, useOverlay, defineShortcuts, useConfetti, useSpeechRecognition)
  • Form validation with Standard Schema
  • Layout composition (Dashboard)
  • Official starter templates

The skill includes additional references that the AI agent loads on demand based on the task, keeping responses focused and context-efficient.

Once installed, you can invoke the skill by typing /b24-ui-nuxt in your agent's chat.

Skills CLI

The skills CLI is the easiest way to install the Bitrix24 UI skill. It supports 35+ agents including Cursor, Claude Code, Codex, Windsurf, Cline, and more.

npx skills add bitrix24/b24ui

You can target specific agents with the --agent flag:

npx skills add bitrix24/b24ui --agent cursor
npx skills add bitrix24/b24ui --agent claude-code

Or install globally so the skill is available across all your projects:

npx skills add bitrix24/b24ui --global
Visit skills.sh to learn more about the skills ecosystem and browse available skills.

Cursor

Quick Install

Click the button below to install the Bitrix24 UI skill directly in Cursor:

Install Skill

Manual Setup

  1. Open Cursor and go to "Settings" > "Skills"
  2. Click "Add skill" and enter the following URL:
https://github.com/bitrix24/b24ui/tree/main/skills/b24-ui-nuxt

Claude Code

Ensure Claude Code is installed. Visit Anthropic's documentation for installation instructions.

Add the skill using the CLI command:

claude skill add https://github.com/bitrix24/b24ui/tree/main/skills/b24-ui-nuxt

Other AI Tools

The skill files are publicly available on GitHub. You can reference them directly in any AI tool that supports custom context or instructions:

LLMs.txt

How to get AI tools like Cursor, Windsurf, GitHub Copilot, ChatGPT, and Claude to understand Bitrix24 UI components, theming, and best practices.