gridacoOfficial·10 Agent Skills Included

grida

Open-source canvas editor with SVG tools, forms, and database

Builds and edits design documents on a high-performance canvas with SVG editing, Figma import, and headless rendering to PNG, PDF, and SVG. Includes a form builder, a Supabase-connected database/CMS, and AI agent skills for docs, security reviews, and code discipline. Eliminates manual design-to-file conversion, fragile SVG edits, and repetitive review work across the whole design workflow.

2,601|145

↗

npx skills add gridaco/grida --all -g -y

Available:

Tells the AI agent how the monorepo is structured, which directory-level guides to consult before editing, and which build, test, and formatting commands to run when working on the canvas editor, docs, and database.

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

gridaco

research

Consolidate upstream and peer-project research into notes and plan documents.

render-reftest

Validate renderer outputs against independent references using Playwright and reftest workflows.

render-perf

Benchmark and profile Grida Canvas rendering to diagnose bottlenecks in the Rust engine.

vision

Query local images with a Gemma 4 vision model via Ollama.

naming

Identify naming drift and propose strict names for code modules and packages.

canvas-user-docs

Author and manage user-facing documentation for the Grida Canvas editor.

io-grida

Parse and load Grida documents from Raw FlatBuffers or ZIP archives into the canvas runtime.

fixtures

Create deterministic input fixtures for rendering, parsing, and I/O tests.

editor-perf

Profile TypeScript reducer, Immer, and React hooks in the Grida Canvas editor.

dev-render-htmlcss-feature

Coordinate a five-phase CSS feature loop toward Chromium parity in Grida's htmlcss renderer.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Grida skills?▼

Run `npx skills add gridaco/grida --all -g -y` in your terminal to install the full skill suite globally.

What is Grida used for?▼

Grida is an open-source design tool with a fast canvas editor, a round-trip-faithful SVG editor, a form builder, and a Supabase-connected database/CMS. It also imports Figma files and renders them headlessly to PNG, PDF, or SVG.

Can AI agents create SVGs and slide decks with Grida?▼

Yes. The bundled svg, dotcanvas, and slides skills let an agent author SVG files, arrange visual boards, and build 16:9 presentation decks that render live on the Grida canvas.

Does Grida work with Figma files?▼

Yes. The io-figma skill and the @grida/refig package parse .fig files and Figma REST API JSON, convert them to Grida documents, and render them without a browser.

Do I need coding experience to use these skills?▼

No. Once installed, your AI agent follows the skills' instructions and handles the technical steps from your plain-English requests.