Skip to content
cccskills

Browse skills

31 skills (repositories by handsontable) · sorted by popularity

handsontable-dev

FreeSummary

Work on Handsontable core bugs, features, and TypeScript types using its architecture and implementation conventions. The skill directs tasks to specialist guides and outlines registration, compatibility, documentation, and testing checks for changes.

  • Investigate bugs in the core grid
  • Add plugins, editors, or renderers
  • Fix TypeScript types and remove unnecessary casts
handsontable/handsontable22.1KUpdated Oct 19, 2026

Maintain existing Handsontable browser tests built with Jasmine and Puppeteer. Covers asynchronous operations, simulated user input, assertions that work across themes, targeted test runs, and guidance for moving broken or unreliable tests to Playwright.

  • Updating an existing Jasmine browser test
  • Fixing assertions that fail under different themes
  • Checking simulated mouse, keyboard, and touch input
handsontable/handsontable22.1KUpdated Oct 19, 2026

Write and update Handsontable unit tests with Jest and type tests with TypeScript. Explains file placement, focused test runs, boundary cases, and checks for public types, while helping choose between isolated logic tests and browser tests.

  • Adding unit tests for calculations and data transformations
  • Covering bug fixes and internal refactoring
  • Checking TypeScript declarations and public exports
handsontable/handsontable22.1KUpdated Oct 19, 2026

Write and review Handsontable tests that check intended behavior. The skill guides bug reproduction, meaningful assertions, failure diagnosis, and fresh test runs, while covering mock boundaries and migration of broken legacy tests to Playwright.

  • Reproducing a bug with a failing test
  • Diagnosing whether code or test expectations are wrong
  • Reviewing assertions for meaningful behavior checks
handsontable/handsontable22.1KUpdated Oct 19, 2026

Add or update Handsontable performance tests for rendering and user interactions. The skill guides trace recording, measurement boundaries, baseline comparisons, and reports that help reviewers identify performance changes in pull requests.

  • Add a performance test for a Handsontable feature
  • Investigate filtering or sorting performance
  • Compare performance changes in a pull request
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create and update Playwright tests that check Handsontable interactions in real browsers. The skill guides test organization, reliable waits, element selection, and coverage across themes and bundles, while helping distinguish browser tests from unit tests.

  • Test keyboard navigation and cell editing
  • Add regression coverage for a bug fix
  • Check behavior across themes and bundles
handsontable/handsontable22.1KUpdated Oct 19, 2026

demo-page

FreeSummary

Creates two HTML test pages for comparing a released Handsontable version with a local build. Matching configurations and reproduction steps help reviewers visually check bugs, fixes, and new features in isolation.

  • Create a minimal page that reproduces a bug
  • Compare a released version with a local fix
  • Prepare manual testing pages for a pull request
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create or modify Handsontable plugins using the project's plugin rules. Covers settings, hooks that respond to events, enable and disable behavior, conflicts between plugins, row index mapping, UI focus management, and required documentation and tests.

  • Creating a new Handsontable plugin
  • Adding plugin settings and event hooks
  • Reviewing enable, disable, and settings update behavior
handsontable/handsontable22.1KUpdated Oct 19, 2026

pr-creation

FreeSummary

Prepare Handsontable changes for review by checking branch names, running required checks, and creating or updating draft pull requests. Fill the project template with test evidence and add changelog entries in the required order.

  • Submitting a feature or documentation branch for review
  • Updating a pull request description with test evidence
  • Adding a changelog entry after opening a pull request
handsontable/handsontable22.1KUpdated Oct 19, 2026

Build or modify Handsontable cell editors with guidance on editing states, input validation, focus, and element cleanup. Address dropdown positioning during scrolling, right-to-left layouts, and Japanese or other text input using composition.

  • Building a custom cell editor
  • Supporting asynchronous input validation
  • Fixing dropdown positioning during scrolling or in RTL layouts
handsontable/handsontable22.1KUpdated Oct 19, 2026

Create or modify Handsontable cell renderers, functions that control cell appearance. It guides safe text and HTML handling, accessible cell attributes, content placement, and caching choices for expensive rendering work during scrolling and redraws.

  • Creating a custom cell renderer
  • Reviewing safe text and HTML display
  • Investigating row height changes after rendering
handsontable/handsontable22.1KUpdated Oct 19, 2026

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

Create and update Handsontable guide pages with consistent page metadata, headings, framework-specific examples, and sidebar entries. Follow the documentation site's writing conventions and generate JavaScript examples from TypeScript sources where required.

  • Adding a guide for a new feature
  • Updating an existing guide's content and metadata
  • Embedding examples for different frameworks
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

Build Handsontable demo pages for visual regression tests, which compare screenshots for appearance changes. It guides feature routes, URL-driven display states, sample data, and decisions about testing the same feature across framework wrappers.

  • Adding a demo route for a new feature
  • Creating multiple visual states through URL parameters
  • Planning visual coverage across framework wrappers
handsontable/handsontable22.1KUpdated Oct 19, 2026

node-scripts-dev

FreeSummary

Guides Node.js scripts and shared modules in the Handsontable monorepo using .mjs files, native APIs, and asynchronous file operations. It covers task registration, error handling, and compatibility across Linux, macOS, and Windows.

  • Create build scripts and shared Node.js modules
  • Replace shell commands with cross-platform Node.js code
  • Register tasks and dependencies in tasks.json
handsontable/handsontable22.1KUpdated Oct 19, 2026

Helps develop Handsontable’s React wrapper, covering components, custom cell editors, and preserving selections during settings updates. It also guides TypeScript prop definitions and declaration checks so editor suggestions remain available.

  • Preserve cell selections when React props change
  • Develop custom cell editors
  • Fix missing HotTable and HotColumn prop suggestions
handsontable/handsontable22.1KUpdated Oct 19, 2026

refactoring

FreeSummary

Refactor Handsontable code by separating plugin responsibilities, reducing dependencies, batching rendering work, and updating coding patterns. It provides compatibility rules and testing guidance to preserve existing APIs, CSS classes, settings, and behavior.

  • Split an oversized plugin into focused plugins
  • Reduce repeated rendering during bulk updates
  • Update private fields and callback patterns
handsontable/handsontable22.1KUpdated Oct 19, 2026

vue-wrapper-dev

FreeSummary

Develop and modify the Handsontable wrapper for Vue 3 with guidance on component structure, settings updates, column configuration, and shared data references. It also explains the build order and tests used to check wrapper changes.

  • Fix settings updates in the Vue 3 wrapper
  • Modify per-column configuration
  • Investigate how array changes reach the grid
handsontable/handsontable22.1KUpdated Oct 19, 2026

walkontable-dev

FreeSummary

Modify Handsontable’s Walkontable rendering engine using its architecture and coding rules. The skill covers visible-area calculations, frozen rows and columns, scroll synchronization, browser element measurements, and tests for rendering changes.

  • Fix rendering issues with frozen rows and columns
  • Change viewport calculations or row and column sizing
  • Review scroll synchronization and redraw timing
handsontable/handsontable22.1KUpdated Oct 19, 2026

Maintain existing tests for Walkontable, Handsontable's table rendering engine. The skill explains its separate test commands and covers frozen rows and columns, visible area calculations, scroll alignment, and pitfalls that can hide failures or produce misleading results.

  • Maintaining existing Walkontable rendering tests
  • Checking frozen rows and columns during scrolling
  • Testing visible areas after container resizing
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

visual-testing

FreeSummary

Create Playwright tests that capture table appearance and compare screenshots with reference images using reg-suit. The skill covers checking each state before capture, adding demo routes, and choosing themes, browsers, and framework variants to test.

  • Checking table appearance after UI changes
  • Adding screenshot tests for a new feature
  • Comparing appearance across themes and browsers
handsontable/handsontable22.1KUpdated Oct 19, 2026

Add user-facing text to Handsontable through its translation system. The skill covers translation keys, language files, plural forms, right-to-left layouts, preserving Japanese and other East Asian input behavior, and converting text to lowercase according to language rules.

  • Adding translated menu labels
  • Adding a language file or plural forms
  • Checking Arabic or Persian right-to-left layouts
handsontable/handsontable22.1KUpdated Oct 19, 2026