Built by the CKEditor team
An official set of instructions in the Open Agent Skills format, packed with structured, battle-tested best practices. Your agent loads it whenever it detects a CKEditor task.
Live docs, not guesses
Instead of reconstructing from stale memory, the agent follows the documented path for your CKEditor version and looks up specifics in the live docs.
Semantic search over the docs
A hosted MCP server works alongside the skills, so your agent can ask questions across the entire live CKEditor 5 documentation.
Less time, fewer tokens
No need to write your own prompts or figure it all out from scratch. Each skill loads only the context a task needs, so you get results in minutes, not days, with fewer tokens.
What the CKEditor Agent Skill for Integration Does
Once installed, the skill guides your agent through
the full integration workflow:
Installation method selection
npm, CDN, or self-hosted, matched to your preferences.
Framework integration
Wiring the editor into your application.
Plugin configuration
Choosing and configuring the features you need.
Toolbar setup
Building the toolbar your users will actually see.
Styling and UI language
Theming the editor and setting the interface language.
License key management
Putting your key in the right place, whether you're on the free tier, a trial, or a commercial plan.
Version-specific documentation routing
Directing questions to the docs for your version, not the version the model remembers.
CKEditor Skills sources live in the ckeditor/skills repository on GitHub – you can read exactly what your agent will be told before you install anything.
Claude Code
claude mcp add --transport http \
--scope project ckeditor5 \
https://ckeditor5.mcp.kapa.aiWhat to Ask Your Agent
With skills installed, you can hand your agent the kind of tickets you'd normally burn
an afternoon on:
Add CKEditor 5 to React
Add CKEditor 5 to this React app with a toolbar for headings, lists, links, and images.Update CKEditor 5 to the latest version
Update CKEditor 5 in this project to the latest version and fix any breaking changes.UI language and license key
Configure the editor for German UI language and add my license key from the environment.Tables and autoformatting
Add table support and autoformatting to our existing CKEditor setup.The agent handles the setup steps against current documentation. You review the diff – the same way you'd review any PR.
We won't tell you the integration is effortless; you'll still review the output and test it in your app. What changes is where the time goes: less spelunking through setup guides, more reviewing working code.
Which AI coding agents do the CKEditor skills support?
Claude Code, Cursor, GitHub Copilot, Codex, Windsurf, Gemini, Cline, OpenCode, AMP, Zed, and all other AI coding agents that support the Open Agent Skills format. The npx skills add ckeditor/skills command detects the supported agents on your machine and installs the skills for all of them.
What is the CKEditor Agent Skill?
A set of integration instructions for AI coding agents, built and maintained by the CKEditor team and published in the Open Agent Skills format. It covers installation method selection, framework integration, plugin and toolbar configuration, styling, UI language, and license key management – and routes version-specific questions to the live documentation.
Copy linkLink copiedWhat is the CKEditor 5 documentation MCP server?
A hosted MCP (Model Context Protocol) documentation server at https://ckeditor5.mcp.kapa.ai, powered by Kapa.ai. It gives your agent semantic search over the live CKEditor 5 documentation, returning relevant snippets with source links. Sign in with Google or GitHub SSO.
Copy linkLink copiedDo I need both the skill and the documentation MCP server?
They complement each other. The skill gives your agent the integration workflow; the documentation MCP server gives it live documentation search. The skill works on its own, but it's more effective when your agent can query the current docs instead of relying on training data.
Copy linkLink copiedIs the skill open source?
The skill's source is public in the ckeditor/skills repository on GitHub, so you can inspect exactly what instructions your agent receives before installing.
Copy linkLink copiedDo I still need a CKEditor license key?
Yes – the skill helps your agent configure it, but licensing works the same as any CKEditor 5 integration. You can start with a free 14-day trial, and CKEditor is available as SaaS or on-premises, enterprise-ready with SLAs, SOC 2 Type 2 certification, and HIPAA compliance.
Copy linkLink copiedDoes this work for React, Vue, or Angular projects?
The skill covers framework integration as part of its workflow, and CKEditor 5 ships official, maintained integrations for React, Vue, and Angular. Point your agent at your project and it selects the documented path for your framework.
Copy linkLink copied