new-adapter

Scaffold a framework adapter library and demo app for @toolbox-web/grid.

48|4|Updated Dec 22, 2025
One-click install
npx skills add https://github.com/OysteinAmundsen/toolbox --skill new-adapter-oysteinamundsen
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: new-adapter
Source: https://github.com/OysteinAmundsen/toolbox/tree/main/.github/skills/new-adapter
Command: npx skills add https://github.com/OysteinAmundsen/toolbox --skill new-adapter-oysteinamundsen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a complete framework adapter library for @toolbox-web/grid and a matching demo application, enabling teams to add new framework integrations with consistent structure and testing.

Core Features & Use Cases

  • Library scaffolding: creates the adapter package, demo app, and workspace wiring needed to integrate with the monorepo.
  • Adapter implementation: provides a FrameworkAdapter skeleton that mounts framework components in grid cells and handles lifecycle.
  • Demo integration: wires a representative employee-management demo to showcase parity with existing adapters.
  • End-to-end parity: ensures build, test, and demo flows align with other framework adapters for consistent release quality.

Quick Start

Create a new adapter skeleton, implement the FrameworkAdapter, and wire a demo app into the workspace.

Frequently Asked Questions about new-adapter

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

FAQPage Schema
How do I scaffold a new framework adapter for toolbox grid in an nx-workspace?

To scaffold a framework adapter, the tool generates a complete adapter library package, a matching demo application, and the necessary Nx workspace wiring to integrate with the monorepo. You get a ready-to-use skeleton with build and test configurations.

What is a framework adapter in a toolbox grid monorepo?

A framework adapter in a toolbox grid monorepo is a TypeScript library that mounts framework-specific components inside grid cells and manages their lifecycle. It bridges the grid core logic with a chosen UI framework.

How do I ensure parity when adding a new framework adapter to a monorepo?

Ensuring adapter parity involves running end-to-end build, test, and demo flows that align with existing adapters. The scaffolding includes a representative employee-management demo to verify consistent release quality.

Does the toolbox grid adapter scaffolding enforce TypeScript interfaces?

Yes, the scaffolding enforces TypeScript interfaces and provides a FrameworkAdapter skeleton, a wrapper component, and feature plugins. This ensures the new adapter conforms to required grid integration standards.

What's the best way to wire a demo app for a new framework adapter?

The best way to wire a demo app is through Nx-based project wiring generated alongside the adapter library. The scaffolding connects a representative employee-management demo to showcase parity with existing framework adapters.