개발 스킬

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

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

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

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

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

Create or modify Handsontable cell validators, functions that check whether input values are valid. Covers empty values, asynchronous callbacks that return validation results, access to cell settings, validator registration, and pitfalls involving dropdown behavior and corrected values.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a custom cell validation rule
• Reviewing empty values and asynchronous validation
• Checking dropdown validation in never-selected cells

Guides changes to Handsontable themes and CSS, including cell spacing, text, icons, and theme tokens—named styling settings. It explains compatibility rules and the files and checks needed to keep theme changes consistent.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adjust cell spacing without disrupting scrolling
• Add or rename theme tokens
• Fix text styles affected by the host page

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review a Handsontable branch or pull request
• Check architecture before or during core changes
• Review keyboard access and performance concerns

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

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

Create or modify reusable Handsontable cell types that combine editing, display, and validation settings under one name. The skill covers registration and consistent value conversion across typing, pasting, programmatic updates, autofill, and undo operations.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a named cell type from existing components
• Keep pasted and typed values in a consistent format
• Fix key/value conversion for dropdown cells

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

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

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

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

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

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

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

Convert an existing product requirements document into Ralph’s prd.json format. Break large features into small implementation tasks, order them by dependencies, and define checkable completion criteria so Ralph can work through them in sequence.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Convert a requirements document into Ralph JSON
• Split large features into small implementation tasks
• Order tasks by their dependencies

Hand an ongoing task to a fresh agent with a self-contained briefing. The skill gathers context, decisions, failed attempts, acceptance criteria, and constraints, then launches the receiving agent in the current workspace or a requested isolated workspace.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Passing an ongoing task to another agent
• Preserving decisions and failed attempts during a handoff
• Handing work to an agent with a specified profile

Analyze a difficult problem with two agents chosen for contrasting reasoning styles. They independently investigate causes and plan a solution, then exchange arguments to resolve disagreements and produce a shared recommendation without changing files.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating the root cause of a persistent problem
• Reconsidering an approach after repeated failed attempts
• Comparing perspectives on a difficult planning problem

Build and manage local Paseo plugins that add screens, workspace panels, commands, themes, or searchable attachments. It also covers hooks, code triggered by lifecycle events, and backend handlers for custom integrations and agent configuration changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add a custom screen or workspace panel
• Create slash commands and composer buttons
• Attach searchable external resources to prompts

Manage coding agents and their workspaces in Paseo through its tools or command line. This reference covers project registration, workspace scripts, agent settings, recurring tasks, and reminders that return to the current conversation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating separate workspaces for development tasks
• Starting and stopping configured workspace scripts
• Launching agents and adjusting their runtime settings

Prevent and investigate excessive rendering in Lite React screens. It guides data transformations, context use, and store subscriptions, then checks compiler output and measures rendering time before and after changes to verify their effect.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate lag when selecting rows in Lite
• Review data transformations during rendering
• Design narrower context and store subscriptions