Skip to content
cccskills
FreePublished on GitHub

handsontable-code-review

Review Handsontable code changes for architecture, code quality, performance, accessibility, and test coverage. Findings include severity, confidence, and file locations, helping developers assess whether changes follow project rules and demonstrate the intended behavior.

OriginalShow the original description

Use when reviewing changed or staged code, a branch, or a PR in the Handsontable monorepo across architecture, code quality, performance, accessibility, and tests. Covers SOLID / Law of Demeter / plugin decoupling / breaking-changes policy, custom ESLint rules / JSDoc / naming / cognitive complexity, large-array and render-batching performance, WCAG 2.1 AA + keyboard navigation, and the tests a change ships (a named exercising test per new path, scoped mutation, a ticket on every weakened assertion). Trigger when asked to review changes, check a diff against Handsontable conventions, assess architectural correctness, spot performance regressions, verify accessibility, or judge whether a change's tests prove it, and as the design lens before or while implementing any core change.

See how to install

Good for

  • Review a Handsontable branch or pull request
  • Check architecture before or during core changes
  • Review keyboard access and performance concerns
  • Assess whether tests demonstrate new interaction paths

Files included (5)

  • SKILL.md3.9 KB
  • references/architecture.md3.5 KB
  • references/code-quality.md3.6 KB
  • references/performance-a11y.md2.0 KB
  • references/tests.md3.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Handsontable code review

Apply all four dimensions for a full review. For a scoped request ("just check a11y"), read only the relevant dimension.

Workflow

  1. Collect the changes: git diff (or git diff --staged).
  2. Apply each dimension's checklist from its reference file:
    • Architecture (references/architecture.md): SOLID, Law of Demeter, plugin decoupling, conflict ownership, coordinate-system correctness, breaking-changes policy, convention over configuration. Also the design lens while implementing any core change.
    • Code quality (references/code-quality.md): custom ESLint rules, JSDoc, naming, cognitive complexity, DRY, the TypeScript boundary.
    • Performance & accessibility (references/performance-a11y.md): large-array safety, render batching, memory cleanup, WCAG 2.1 AA, keyboard navigation, ARIA semantics.
    • Tests (references/tests.md): a named exercising test for every new interaction path and option form, scoped mutation when unit tests changed, near-duplicate DOM helpers, timing-semantics JSDoc checked against its primitive, a ticket on every weakened or deleted assertion, a DOM/API assertion beside every visual capture.
  3. Report using the output format below, applying the general review practices.

General review practices

Adapted from the built-in /code-review command, minus its PR-commenting orchestration.

  • Review the diff through several lenses: AGENTS.md / CLAUDE.md adherence at the correct scope, obvious bugs, git blame and history of the modified lines, comments on prior PRs that touched these files, and guidance in nearby code comments.
  • Flag only the changed lines.
  • Report every issue that could cause incorrect behavior, a test failure, a broken build, or a misleading result, and anything an AGENTS.md at the relevant scope calls out. Give each finding a confidence (high / medium / low) and keep the low-confidence ones: the reader filters by confidence.
  • Leave to CI anything a linter, type-checker, or compiler surfaces (imports, type errors, formatting, pedantic style); review from source and run no build, type-check, or tests. The one run a review makes is the scoped mutation run in references/tests.md, when the diff changes unit tests.
  • Raise only what a senior engineer would: pedantic style absent from an AGENTS.md, intentional functional changes that belong to the broader work, and issues already silenced with a documented lint-ignore are not findings.
  • Cite every finding with file:line (link the file and line range when commenting on a PR).

Output format

List findings by severity:

  • Critical: breaks builds, tests, or runtime behavior.
  • High: violates an enforced ESLint rule or a mandatory convention.
  • Medium: style or maintainability concern.
  • Low: suggestion for improvement.

Each finding includes a file:line reference, a confidence (high / medium / low), and a short explanation. When reporting more than one dimension, group findings under Architecture / Code quality / Performance / Accessibility / Tests headings.

If no issues are found, output exactly: No blocking issues found.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable22.1KUpdated Oct 19, 2026

Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.

  • Check a local page on an Android device
  • Open a page in Safari on an iPhone or iPad
  • Inspect behavior in a specific desktop browser
handsontable/handsontable22.1KUpdated Oct 19, 2026

Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.

  • Add a changelog entry for a bug fix
  • Classify a new feature or behavior change
  • Explain a breaking change and its replacement
handsontable/handsontable22.1KUpdated Oct 19, 2026

code-graph

FreeSummary

Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.

  • Explore callers and dependencies in unfamiliar code
  • Trace a bug across multiple files
  • Assess the impact of renaming or removing code
handsontable/handsontable22.1KUpdated Oct 19, 2026

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable22.1KUpdated Oct 19, 2026

See all skills by handsontable

Report a problem with this skill