Agent skill

Handsontable Core Development

by handsontable in handsontable/handsontable

Routes any change to the handsontable core package to the right specialist skill, by task type such as plugin, editor, renderer or validator, after a mandatory architecture review.

Custom licenceAuto-check passedDevelopment

Install Handsontable Core Development

skills CLI
$ npx skills add handsontable/handsontable --skill handsontable-dev -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install handsontable/handsontable handsontable-dev --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/handsontable/handsontable.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/handsontable-dev .claude/skills/handsontable-dev && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
handsontable-dev
GitHub stars
22k
Token cost
~3.3k tokens
SKILL.md length
1,296 words
Files
1
Skills in repo
31
Repo updated
First seen
Licence
Custom licence

At a glance

Routes any change to the handsontable core package to the right specialist skill, by task type such as plugin, editor, renderer or validator, after a mandatory architecture review.

  • Works in 6 steps: Generalize the signature, add zero as… → .d.ts files → import type for types → …
  • Fixing a bug or adding a feature anywhere under handsontable/src/
  • SKILL.md covers Dispatch table, Design rules from…, File layout and TypeScript gotchas, plus 6 more sections
  • Calls npm and node

What it does

This is the entry point for development on the handsontable/ core package, excluding the separate Walkontable rendering engine subfolder, which has its own skill. Before any task-specific work, it requires loading handsontable-code-review first for the architecture lens, which enforces plugin decoupling through hooks and hot.getPlugin rather than direct references, conflict ownership through registerConflict for hard incompatibilities, the Law of Demeter through TableView or Core rather than reaching into wt.wtTable chains, and the full BasePlugin lifecycle contract.

A dispatch table then routes the actual implementation work: handsontable-plugin-dev, handsontable-editor-dev, handsontable-renderer-dev, handsontable-validator-dev and handsontable-celltype-dev for creating or modifying those respective pieces, handsontable-playwright-e2e for new end-to-end tests versus handsontable-e2e-testing for frozen legacy spec files, handsontable-unit-testing for unit tests, handsontable-demo-page for demo pages, handsontable-css-dev for styling, coordinate-systems for physical, visual and renderable coordinate translation, and i18n-translations for translation work.

When your agent uses it

  • Fixing a bug or adding a feature anywhere under handsontable/src/
  • Writing or modifying a plugin, editor, renderer, validator or cell type
  • Understanding plugin lifecycle, coordinate systems or hook registration in the core grid
  • Deciding which specialist skill a core Handsontable task should be routed to

Example prompts

  • “Add a new validator plugin to handsontable that checks for valid IBANs.”
  • “I'm getting a coordinate mismatch between physical and visual rows; help me debug it.”
  • “Fix a bug in the cell renderer for the dropdown cell type.”
  • “Which skill should handle adding a new hook to the plugin lifecycle?”

Requirements

  • The handsontable/handsontable repository checked out locally

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Generalize the signature, add zero as casts
  2. .d.ts files
  3. import type for types
  4. Import shared types from core/
  5. Private fields use #, callbacks are arrow-function class fields
  6. Cognitive complexity ≤ 15 per function

What it can do on your machine

Read from SKILL.md and the folder at commit 68b5e97. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm
    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Handsontable Core Development loads about 3.3k tokens when it runs. Until then it costs about 178 tokens; SKILL.md has 1,296 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~178
When it runs · the whole SKILL.md, loaded when a task matches
~3.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,296 words (~3,254 tokens).

“Load handsontable-code-review (architecture dimension) first for every change, then the task-specific specialist. It is the design lens (SOLID, Law of Demeter, plugin decoupling, breaking changes); the task skill is the implementation guide.”

— opening of SKILL.md by handsontable, Custom licence
name
handsontable-dev

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/handsontable-dev of handsontable/handsontable.

Open the folder on GitHubat commit 68b5e97

Compare with similar skills

Handsontable Core Development next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Handsontable Core Development compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Handsontable Core Development this skillhandsontable/handsontable22k—~3.3kAutomated safety check: PassCustom licence
Admin Template Project Initializersouthliu/south-admin-react580—~519Automated safety check: PassMIT
Reviewquran/quran.com-frontend-next1.9k—~1.1kAutomated safety check: PassNone
Angular Idioms and Patternsirahardianto/awesome-agv157—~3.8kAutomated safety check: PassMIT
Frontend Module Standardssiteboon/claudecodeui14k—~2.6kAutomated safety check: PassAGPL-3.0
Evolutionary Modular Architecturetech-leads-club/agent-skills7k—~3.7kAutomated safety check: PassCC-BY-4.0

Similar skills

  • Admin Template Project Initializer

    southliu/south-admin-react

    Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

    580 GitHub stars~519 tokensUpdated 17 days ago
    Frontend & DesignAuto-check passed
  • Review

    quran/quran.com-frontend-next

    Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.

    1.9k GitHub stars~1.1k tokensUpdated 5 mo ago
    DevelopmentAuto-check passed
  • Angular Idioms and Patterns

    irahardianto/awesome-agv

    Coding conventions for Angular 19 and later: standalone components, signals, OnPush change detection, lazy routes and where RxJS still belongs.

    157 GitHub stars~3.8k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed
  • Frontend Module Standards

    siteboon/claudecodeui

    Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.

    14k GitHub stars~2.6k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed
  • Evolutionary Modular Architecture

    tech-leads-club/agent-skills

    Guides design of modular-monolith platforms with DDD, flat-by-aggregate modules, anti-corruption layers, outbox events and resilience, plus an architecture document with SVG diagrams.

    7k GitHub stars~3.7k tokensUpdated 17 days ago
    DevelopmentAuto-check passed
  • Enforces this repository's TypeScript backend module architecture under server/: feature folders, barrel exports, and where shared types and utilities belong.

    14k GitHub stars~1.2k tokensUpdated 3 days ago
    DevelopmentAuto-check passed

More from handsontable/handsontable

All 31 skills in this repo
  • Handsontable Playwright E2E Tests

    handsontable/handsontable

    Guides writing and changing Playwright end-to-end tests for Handsontable using page objects, data-testid hooks and deterministic waits.

    22k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed
  • Guides changes to the @handsontable/angular-wrapper package: the HotTableComponent lifecycle, NgZone performance handling, settings services and the ng-packagr build.

    22k GitHub stars~1k tokensUpdated yesterday
    Auto-check passed
  • BrowserStack Live Testing

    handsontable/handsontable

    Opens a live BrowserStack session on a real Android, iOS or desktop browser for a local or public URL, tunneling localhost through Cloudflare when needed.

    22k GitHub stars~950 tokensUpdated yesterday
    Auto-check passed
  • Handsontable Changelog Entry

    handsontable/handsontable

    Decides whether a code change needs a changelog entry and creates the JSON file in .changelogs with the right type, framework and user-facing title.

    22k GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Code Review Graph Navigator

    handsontable/handsontable

    Queries a pre-built, Tree-sitter-based code graph of the whole monorepo instead of grepping call chains, for exploring, debugging, refactoring or reviewing code.

    22k GitHub stars~939 tokensUpdated yesterday
    Auto-check passed
  • Handsontable Coordinate Systems

    handsontable/handsontable

    Explains Handsontable's physical, visual and renderable row and column coordinate spaces and how to convert between them with IndexMapper, for debugging misplaced rows or columns.

    22k GitHub stars~721 tokensUpdated yesterday
    Auto-check passed

Works with

Questions about Handsontable Core Development

What does Handsontable Core Development do?

Routes any change to the handsontable core package to the right specialist skill, by task type such as plugin, editor, renderer or validator, after a mandatory architecture review. This is the entry point for development on the handsontable/ core package, excluding the separate Walkontable rendering engine subfolder, which has its own skill.wtTable chains, and the full BasePlugin lifecycle contract.

When should I use Handsontable Core Development?

Handsontable Core Development fits situations like: fixing a bug or adding a feature anywhere under handsontable/src/; writing or modifying a plugin, editor, renderer, validator or cell type; understanding plugin lifecycle, coordinate systems or hook registration in the core grid; deciding which specialist skill a core Handsontable task should be routed to.

How do I install Handsontable Core Development in Claude Code?

Run `npx skills add handsontable/handsontable --skill handsontable-dev -a claude-code`. Or copy the skill folder (.claude/skills/handsontable-dev in handsontable/handsontable) into .claude/skills/handsontable-dev in your project. Claude Code loads it when a task matches its description.

How do I install Handsontable Core Development in Codex?

Run `npx skills add handsontable/handsontable --skill handsontable-dev -a codex`. Or copy the skill folder (.claude/skills/handsontable-dev in handsontable/handsontable) into .agents/skills/handsontable-dev in your project. Codex loads it when a task matches its description.

Can I use Handsontable Core Development in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add handsontable/handsontable --skill handsontable-dev -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/handsontable-dev, .gemini/skills/handsontable-dev, .github/skills/handsontable-dev and .opencode/skills/handsontable-dev in your project.

What does Handsontable Core Development need to run?

Going by SKILL.md and its folder, Handsontable Core Development needs the command-line tools its instructions call (npm and node). Our summary lists: The handsontable/handsontable repository checked out locally.

Does Handsontable Core Development access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Handsontable Core Development safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Handsontable Core Development use?

Handsontable Core Development has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Handsontable Core Development use?

About 3.3k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Handsontable Core Development?

Skills that share tags, products or a category with Handsontable Core Development: Admin Template Project Initializer (southliu/south-admin-react, 580 stars), Review (quran/quran.com-frontend-next, 1.9k stars), Angular Idioms and Patterns (irahardianto/awesome-agv, 157 stars) and Frontend Module Standards (siteboon/claudecodeui, 14k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Handsontable Core Development?

handsontable (a GitHub organization) maintains it in handsontable/handsontable, which has 22,059 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on October 7, 2026.

Source: handsontable/handsontable on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.