Shell Tool · engineering · Sentinel

Swap Page Sections

Reorder <section> blocks in a minified HTML file with byte-level safety.

Updated today

View as MarkdownsentinelsonnetcheapMax 6 turns

Overview

Uses the swap-sections tool (and the matching SKILL.md) to swap two <section> blocks in /work/index.html. Handles the minified-into-one-line case via grep anchors + byte offsets so the swap doesn't corrupt the document.

When to use this

user wants to reorder sections in a cloned landing page
user says 'move the pricing section above the features' / 'swap section A and B'

When NOT to use this

user wants to edit text inside a section → use shell_write / string-editing skill instead
the HTML is not minified to one line → use a normal editor; this is overkill

Example prompts

swap the hero and the testimonials sections

move the pricing block above the features block in index.html

Inputs and output

Inputs

Field	Description
`section_a`	anchor or index of first section
`section_b`	anchor or index of second

Output

Updated /work/index.html with the two sections swapped; diff summary.

Runtime profile

What the engine commits when this skill runs.

Property	Value	Meaning
Model tier	`sonnet`	The balanced default model class. Trades quality against cost for the vast majority of skill runs.
Cost class	`cheap`	A small, fast model. Cents per invocation.
Turn budget	`6`	Hard cap on tool-calling iterations before the engine forces a final answer.
Execution	`synchronous`	Runs inside the live turn; result lands in the same response.

Under the hood

Tools the engine exposes to this skill and integrations it needs.

Resource	Kind
`shell_exec`	tool

Tags: engineering, html, edit

Execution template

Shell tools dispatch via a command template. The model substitutes user inputs into the placeholders before firing the underlying tool.

shell_execbash

1swap-sections {{section_a}} {{section_b}} /work/index.html

Related skills

Skill	What it does
Spin up a Web App	Scaffold a fresh web app in /work, start the dev server, surface the live preview URL.
Clone a Website	Fire ultron-capture: spider the site, deploy a branded clone, surface the URL when ready.
Build an Agent	Spin up an autonomous agent on the agent-runtime satellite — try templates first, custom build only if no fit.
Deploy to Cloudflare	Ship the current /work to Pages, Workers, or Containers — then verify the live URL.
Push to GitHub	Initialize /work as a git repo, create the GitHub repo, push, return the URL.
Refactor Across Files	Multi-file string operations with quote and escape safety — uses bun -e, not sed.

Invoking this from an agent

Three paths reach this skill. From the chat UI, a user can type the persona slash command followed by a natural request and the discovery step resolves to this skill automatically. From the MCP server, fetch the skill detail with get_skill({id: "swap-page-sections"}) and then invoke it through the agent runtime once the authenticated tier ships. From your own code, hit /docs/skills/swap-page-sections/llm.txt for the token-efficient markdown body and feed it to your model directly.

Note

Every skill page has a canonical permalink and a markdown alternate that LLM crawlers consume via Accept: text/markdown. The full machine-readable catalog lives at /.well-known/agent-skills/index.json.