grapesjs

grapesjs is an open-source frontend skill for Claude Code and compatible agents, published by GJS-market. Its author describes it as: “Expert guidance for building with GrapesJS and the GrapesJS Studio SDK — custom component types, blocks, traits, editor events and commands, storage and export, React/Vue/Next.js integration, canvas and styling proble…”. The project has 0 stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add GJS-market/grapesjs-claude-skill`.

What grapesjs does

GrapesJS is an engine, not a finished product. It gives you a canvas, a component tree, a style engine and a plugin API. Hosting, auth, publishing and persistence are the integrator's job. Most bugs come from four places: guessed API names, the canvas iframe boundary, confusing project state with exported HTML, and component `script` closures.

Installation

Add grapesjs to your agent with:

/plugin marketplace add GJS-market/grapesjs-claude-skill

Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.

What's inside

The SKILL.md for grapesjs is organised into these sections:

• Rule 0 — state the API, then verify it
• Module names
• Orientation
• Route to the right reference
• Non-negotiables
• Working style

When to use it

Reach for grapesjs when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.

Strengths

• Clear MIT license — safe to read and adapt
• Actively maintained (recent commits)

Things to check

• Limited adoption so far — evaluate before depending on it

Frequently asked questions

What does grapesjs do?

Expert guidance for building with GrapesJS and the GrapesJS Studio SDK — custom component types, blocks, traits, editor events and commands, storage and export, React/Vue/Next.js integration, canvas and styling problems, panels, assets, pages, i18n, rich text, data sources, and authoring distributable GrapesJS plugins.

How do I install grapesjs?

Run /plugin marketplace add GJS-market/grapesjs-claude-skill in your agent, then reload your skills. Review the source at https://github.com/GJS-market/grapesjs-claude-skill before installing.

Is grapesjs free to use?

Yes. grapesjs is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.

Where does grapesjs come from?

grapesjs ships inside GJS-market/grapesjs-claude-skill, a repository that contains 2 catalogued skills in total. The repository's 0 GitHub stars apply to that whole collection, not to this skill on its own.