Skills
.Work. You
Rest

@arqel-dev/fields-advanced (JS)

Official

Eight advanced React inputs for Arqel UI

Software Engineering#markdown#react#code#builder#rich-text#arqel#fields-advanced
Authorarqel-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Arqel's eight advanced React input components are often needed in admin interfaces, but shipping them all upfront bloats bundles and slows initial load times. This Skill bundles those inputs behind lazy loading and provides a unified entry point for AI agents to discover, load, and guide their usage.

Core Features & Use Cases

  • RichTextInput, MarkdownInput, CodeInput, RepeaterInput, BuilderInput, KeyValueInput, TagsInput, WizardInput are exposed as modular, lazily-loaded slots that render rich editing and data-collection widgets.
  • Use cases include building content editors, dynamic page builders, metadata schemas, and multi-step workflows within Laravel + Inertia apps using React.
  • It optimizes performance by loading heavy dependencies only when needed, while preserving type-safety and overridable components.

Quick Start

Install the fields-advanced package and import '@arqel-dev/fields-advanced/register' to enable all eight advanced inputs.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: @arqel-dev/fields-advanced (JS)
Download link: https://github.com/arqel-dev/arqel/archive/main.zip#arqel-dev-fields-advanced-js

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.