dora-data-grid

Manage database table rendering, interaction, and state synchronization in the Dora workbench.

14|1|Updated May 11, 2025
One-click install
npx skills add https://github.com/remcostoeten/dora --skill dora-data-grid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dora-data-grid
Source: https://github.com/remcostoeten/dora/tree/main/.claude/skills/dora-data-grid
Command: npx skills add https://github.com/remcostoeten/dora --skill dora-data-grid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a robust, keyboard-first interface for browsing, editing, and managing large database result sets, ensuring consistent behavior across different data sources.

Core Features & Use Cases

  • Virtualized Rendering: Efficiently handles large datasets by only rendering visible rows, maintaining smooth performance.
  • In-place Editing: Supports direct cell manipulation with optimistic updates and staged edit management.
  • Use Case: Use this Skill when you need to implement or modify the data grid component in the Dora workbench, specifically for tasks like custom cell formatting, keyboard navigation logic, or column resizing behavior.

Quick Start

Use the dora-data-grid skill to update the cell rendering logic for handling binary blob data types in the database studio.

Frequently Asked Questions about dora-data-grid

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

FAQPage Schema
How do I render large database tables in React without freezing the UI?

Virtualization enables efficient large dataset rendering by only rendering visible rows, maintaining smooth performance. This approach handles complex UI requirements including row virtualization, cell-level editing, and keyboard navigation without freezing the interface.

Can I edit database table cells directly in a React data grid with optimistic updates?

In-place editing supports direct cell manipulation with optimistic updates and staged edit management. This provides a structured interface for mutation intent, ensuring data integrity when modifying database table cells directly within the data grid.

How does keyboard navigation work for database tables in a Tauri workbench?

Keyboard-first interfaces manage database table navigation, interaction, and state synchronization within the workbench. This approach handles complex UI requirements including cell-level editing, clipboard operations, and keyboard navigation for browsing large result sets.

What is the best way to handle clipboard operations in a virtualized data grid?

Clipboard operations in a virtualized data grid require managing interaction and state synchronization to maintain data integrity. The grid enforces primary key constraints and provides a structured interface for mutation intent while handling clipboard interactions alongside complex UI requirements.

Do I need primary keys to enable cell editing in a database data grid?

Primary keys are required to ensure data integrity during cell editing in a database data grid. The grid enforces primary key constraints and provides a structured interface for managing mutation intent and staged edits across different data sources.