framed-editor
Use when the user asks to frame, box, round, or border the Pi input editor — e.g.
Skill by victorhg
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/victorhg-framed-editor
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/framed-editor
What's inside
- Skill name
framed-editor- Description
- Use when the user asks to frame, box, round, or border the Pi input editor — e.g. 'make the editor a box', 'add a frame around the prompt', 'rounded editor corners', 'remove the frame', 'switch to half-open borders', or any request about the /frame command, framedEditor settings, or editor chrome styles.
- License
- MIT
- Instructions
- 50 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Framed editor — natural-language management The framed editor is the `@victorhg/pi-framed-editor` extension. The user talks about it in plain words; you translate to the actions below. Prefer the `/frame` slash command over hand-editing JSON — it validates input, persists to `~/.pi/agent/settings.json` (global), and re-renders immediately. ## Vocabulary mapping | User says | Do this | |---|---| | "box the editor / frame the editor / make the editor a box" | `/frame box` | | "round the editor borders / half-open / keep the sides open" | `/frame half` | | "remove the frame / restore the default editor / unframe" | `/frame off` | | "what's the editor frame doing / which frame style is active" | `/frame status` | | "disable the framed editor everywhere" | set `framedEditor.enabled: false` in `~/.pi/agent/settings.json` | | "disable the framed editor in this project" | set `framedEditor.enabled: false` in `.pi/settings.json` | | "uninstall the framed editor" | remove `@victorhg/pi-framed-editor` (or the packages entry pointing at it) from `~/.pi/agent/settings.json` | ## Style reference | Style | Look | |---|---| | `box` | `╭─…╮` / `│ … │` / `╰─…╯` — rounded corners + side rails + 1-column gap | | `half` | `╭─…╮` / content / `╰─…╯` — rounded corners on the top/bottom border lines only | | `off` | Pi's default editor, unframed | ## Rules 1. **Command first.** If a `/frame` subcommand covers the request, run it and report the notification result. Do not rewrite the settings file by hand when a command exists. 2. **Frame color is theme-owned.** The frame uses Pi's editor border color (thinking-level and bash-mode borders). Do not add per-package frame colors; direct the user to their theme instead. 3. **Composition.** The frame decorates whatever editor is registered at session start. If another editor extension is installed later and replaces the editor component, that extension wins — say so instead of claiming the frame is broken. 4. **Verification.** After changing, confirm with `/frame status` and tell the user what changed. Style changes apply immediately; nothing needs a restart. 5. **This instance vs. everywhere.** "this instance" / "this project" = project settings (`.pi/settings.json`); "always" / "globally" = the agent settings file (`~/.pi/agent/settings.json`). The `/frame` command persists to the agent settings file by default — for project-only changes, edit `.pi/settings.json` directly and note it.
From victorhg/pi-dev, MIT.
More from victorhg/pi-dev
- 0.529score
pi-extension-development
victorhg
Use when creating or modifying Pi extensions, built-in extension wiring, prompt shims, package scaffolds, package READMEs, or packages/pi-* implementation in…
SkillBFreshness: BClaude Code +9 - 0.528score
pdf-reader
victorhg
Use when reading or extracting content from a PDF file, such as papers and lecture notes.
SkillBFreshness: BClaude Code +9 - 0.524score
code-quality
victorhg
Configure and run the @victorhg/pi-code-quality extension via code-quality.json (metric weights, failBelow gate, complexity threshold, file/directory…
SkillBFreshness: BClaude Code +9 - 0.524score
youtube-transcript
victorhg
Use when the user provides a YouTube URL and needs the spoken content (captions) as text for analysis, summarization, quoting, or search.
SkillBFreshness: BClaude Code +9 - 0.520score
hallmark
victorhg
Anti-AI-slop design skill for greenfield pages, audits, critiques, redesigns, production hardening, deterministic anti-pattern detection, design extraction…
SkillBFreshness: BClaude Code +9 - 0.499score
cost-mode
victorhg
Use when the user wants to reduce token or API cost, asks for concise or cost-conscious responses, or invokes cost mode.
SkillBFreshness: BClaude Code +9 - 0.499score
footer
victorhg
Use when the user asks to customize, change, remove, hide, show, rearrange, or style the Pi status bar / powerdev footer — e.g.
SkillBFreshness: BClaude Code +9 - 0.474score
pi-package-sandbox-test
victorhg
Use when verifying that published my-pi packages install and load for normal users, including Pi package compatibility checks, release validation, sandbox…
SkillCFreshness: CClaude Code +9 - 0.474score
pi-primitive-check
victorhg
Use when evaluating proposed Pi customisation work against built-in Pi primitives before implementation, especially extensions, packages, slash commands, and…
SkillCFreshness: CClaude Code +9 - 0.474score
pi-release-workflow
victorhg
Use when preparing or validating Pi monorepo releases, including Changesets, pnpm lockfile updates, package previews, release-age policy, and installability…
SkillCFreshness: CClaude Code +9 - 0.474score
pi-validation-flow
victorhg
Use when validating Pi monorepo changes after editing TypeScript, Svelte, package manifests, built-in registry, tests, repo tooling, skills, or docs.
SkillCFreshness: CClaude Code +9 - 0.474score
code-quality
victorhg
Use when requesting code analysis, style reviews, linting recommendations, or refactoring suggestions to improve maintainability, performance, and readability.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 23, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/victorhg/pi-dev
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from victorhg
- 0.529score
pi-extension-development
victorhg
Use when creating or modifying Pi extensions, built-in extension wiring, prompt shims, package scaffolds, package READMEs, or packages/pi-* implementation in…
SkillBFreshness: BClaude Code +9 - 0.528score
pdf-reader
victorhg
Use when reading or extracting content from a PDF file, such as papers and lecture notes.
SkillBFreshness: BClaude Code +9 - 0.524score
code-quality
victorhg
Configure and run the @victorhg/pi-code-quality extension via code-quality.json (metric weights, failBelow gate, complexity threshold, file/directory…
SkillBFreshness: BClaude Code +9 - 0.524score
youtube-transcript
victorhg
Use when the user provides a YouTube URL and needs the spoken content (captions) as text for analysis, summarization, quoting, or search.
SkillBFreshness: BClaude Code +9 - 0.520score
hallmark
victorhg
Anti-AI-slop design skill for greenfield pages, audits, critiques, redesigns, production hardening, deterministic anti-pattern detection, design extraction…
SkillBFreshness: BClaude Code +9 - 0.499score
footer
victorhg
Use when the user asks to customize, change, remove, hide, show, rearrange, or style the Pi status bar / powerdev footer — e.g.
SkillBFreshness: BClaude Code +9
Cite this page
framed-editor skill. Agent Mart. https://agentmart.dev/skills/victorhg-framed-editor (last updated 2026-10-24)