Overview
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.
Best for
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
Installation
Add grapesjs to your agent with:
/plugin marketplace add GJS-market/grapesjs-claude-skillReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — ships a claude code plugin marketplace
License
grapesjs is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Works with Claude Code
- Actively maintained — repository updated in the last 90 days
Things to check
- Limited adoption so far — evaluate before depending on it
Author
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.
- Which agents does grapesjs work with?
- grapesjs lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- 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.
