automation

Grida: Streamline Design

Founders get no-code design tools with Grida, backed by 2.5k+ GitHub stars, for efficient design automation.
intermediate⏱ 1-2 hours💵 Free (self-hosted)
2,661 stars+7★ this week148 forksTypeScriptGuide quality 9/10 · reviewed Jun 29Updated 10/8/2026100% free · open source
What it is

Automate repetitive design workflows by creating custom workflows with Grida.

Real use case example

"A solo designer creates a new Figma project on Monday morning. They add the Grida automation to import designs from an existing project. Within a few minutes, Grida updates the new project and they can spend the rest of the day refining the designs."

Best insideClaude DesktopClaude CodeAny AI Client
When to use it
  • •When you need to create a consistent visual brand across multiple platforms
  • •When you want to automate repetitive design tasks, such as resizing images or generating thumbnails
  • •When you need to collaborate with a team on design projects without requiring everyone to have extensive design experience
Ready-to-paste prompt
npx @grida/cli create component Button --variant primary
Heads up: Make sure you have Node.js version 14 or higher installed, as Grida requires it to function properly
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/grida && curl -fsSL https://workflowstacks.com/api/skills/grida/claude-skill -o ~/.claude/skills/grida/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

25
top-level files
27
folders
1048.0M
source size
Apache-2.0
license
Key files
AGENTS.md
package.json
README.md
File tree
.agents/
.changeset/
.claude/
.devcontainer/
.github/
.readme/
.ref/
.tools/
.vscode/
apps/
branding/
build/
crates/
data/
database/
desktop/
docs/
editor/
fixtures/
jobs/
packages/
public/
scripts/
services/
Quick Actions
Details
Creator
gridaco
Language
TypeScript
Category
automation
Published
2/13/2021

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/grida.svg)](https://workflowstacks.com/skills/grida?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.