Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
How to write and review code comments in the Portable Text Editor monorepo.
$ npx skills add portabletext/editor --skill code-comments -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install portabletext/editor code-comments --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/code-comments .claude/skills/code-comments && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .claude/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/portabletext/editor/tree/main/.agents/skills/code-commentsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add portabletext/editor --skill code-comments -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install portabletext/editor code-comments --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/code-comments .agents/skills/code-comments && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .agents/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add portabletext/editor --skill code-comments -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install portabletext/editor code-comments --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/code-comments .cursor/skills/code-comments && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .cursor/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/portabletext/editor.git --path .agents/skills/code-comments--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add portabletext/editor --skill code-comments -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install portabletext/editor code-comments --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/code-comments .gemini/skills/code-comments && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .gemini/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install portabletext/editor code-commentsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add portabletext/editor --skill code-comments -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/code-comments .github/skills/code-comments && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .github/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add portabletext/editor --skill code-comments -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install portabletext/editor code-comments --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/portabletext/editor.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/code-comments .opencode/skills/code-comments && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "code-comments" agent skill from https://github.com/portabletext/editor/tree/main/.agents/skills/code-comments into .opencode/skills/code-comments/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "code-comments", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
code-commentsHow to write and review code comments in the Portable Text Editor monorepo.
Code Comments is an agent skill from portabletext/editor. How to write and review code comments in the Portable Text Editor monorepo. Use when writing code comments or judging comment quality. Covers the why-only rule, JSDoc-as-consumer-docs, and untouchable directives.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Technical documentation. The repository describes itself as: The Standalone Portable Text Editor. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 60a494b. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Code Comments loads about 1.1k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 606 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from portabletext/editor at commit 60a494b, republished under its MIT licence (© portabletext). 606 words, ~1,084 tokens.
.claude/skills/code-comments/SKILL.md (or your agent's skills folder).A comment is a failure of every better channel. Before writing one, check where the information actually belongs:
What remains after those four channels is the legitimate comment: the fact a competent reader cannot recover from the code and would act wrongly without: a browser quirk, a spec constraint, a deliberate-looking-accidental choice, an invariant the code relies on but does not check. "Explains why" is necessary but not sufficient; comprehension speed alone does not earn one. The test is concrete: what wrong action does this comment prevent? No answer, no comment.
// increment the counter above counter++ is noise. So is any comment a rename would make redundant.merge is a first-class operation, this becomes a correction", not "TICKET-123 promotes merge...". Same rule as commits, branches, and PRs.`markDefs`, not markDefs.blur; restore it before applying" beats three sentences of story.JSDoc on exported symbols (especially @public) is rendered by typedoc onto portabletext.org. It is not a code comment; it is the docs site. Different bar entirely:
@example blocks are valuable; keep and fix them rather than remove.@deprecated tags and their migration pointers are API surface: consumers and tooling act on them. Keep them accurate.Some things look like comments but are instructions to tools, and editing or deleting them changes behavior (suppressed errors resurface, coverage changes, formatting shifts). The rules above do not apply to:
@ts-expect-error, @ts-ignore, oxlint-disable, oxlint-disable-next-line, eslint-disable, prettier-ignore, /// <reference, v8 ignore, c8 ignore, istanbul ignorekeep-in-sync pointers: they pin deliberate duplication across packages (see the writing-tests skill), and deleting one silently breaks the contract that keeps the copies aligned© portabletext, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .agents/skills/code-comments of portabletext/editor.
Open the folder on GitHubat commit 60a494b
Code Comments next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Code Comments this skillportabletext/editor | 280 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 44k | 1 repos | ~7.5k | Automated safety check: Pass | MIT | |
| Simple Englishmoeru-ai/airi | 50k | 2 repos | ~4.6k | Automated safety check: Pass | MIT | |
| Get API Docs with chubandrewyng/context-hub | 14k | 2 repos | ~775 | Automated safety check: Pass | MIT | |
| Doc SyncJetBrains/ideavim | 10k | 2 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Mailspring App ScreenshotsFoundry376/Mailspring | 18k | — | ~1.4k | Automated safety check: Pass | GPL-3.0 |
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
andrewyng/context-hub
Fetches current documentation for third-party APIs and SDKs with the chub CLI before the agent writes code against them, instead of relying on remembered API shapes.
JetBrains/ideavim
Keeps IdeaVim documentation in sync with code changes. An agent skill from JetBrains/ideavim.
Foundry376/Mailspring
Captures screenshots of the running Mailspring dev app for docs, PRs or visual checks by launching it with a debugging port, driving the UI and clipping to an element.
Agents365-ai/drawio-skill
Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.
portabletext/editor
Write clear, concise, accessible product copy for interfaces, docs, and system messages.
portabletext/editor
How to write changesets in the Portable Text Editor monorepo.
portabletext/editor
How to write commit messages in the Portable Text Editor monorepo.
portabletext/editor
How the next prerelease branch for the upcoming editor major works in the Portable Text Editor monorepo.
portabletext/editor
How to backport a fix from main to a maintenance branch (editor-v6.x, editor-v7.x) in the Portable Text Editor monorepo.
portabletext/editor
Work with Portable Text, a JSON-based specification for structured block content.
Categories
How to write and review code comments in the Portable Text Editor monorepo. Code Comments is an agent skill from portabletext/editor. How to write and review code comments in the Portable Text Editor monorepo.
Code Comments fits situations like: writing code comments; judging comment quality.
Run `npx skills add portabletext/editor --skill code-comments -a claude-code`. Or copy the skill folder (.agents/skills/code-comments in portabletext/editor) into .claude/skills/code-comments in your project. Claude Code loads it when a task matches its description.
Run `npx skills add portabletext/editor --skill code-comments -a codex`. Or copy the skill folder (.agents/skills/code-comments in portabletext/editor) into .agents/skills/code-comments in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add portabletext/editor --skill code-comments -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/code-comments, .gemini/skills/code-comments, .github/skills/code-comments and .opencode/skills/code-comments in your project.
SKILL.md names no scripts, command-line tools or credentials: Code Comments is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Code Comments is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Code Comments: Diagram Design (cathrynlavery/diagram-design, 44k stars), Simple English (moeru-ai/airi, 50k stars), Get API Docs with chub (andrewyng/context-hub, 14k stars) and Doc Sync (JetBrains/ideavim, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
portabletext (a GitHub organization) maintains it in portabletext/editor, which has 280 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on October 6, 2026.
Source: portabletext/editor on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.