foxctl HTML Edit

Edit HTML DOM elements using CSS selectors and targeted operations.

3|Updated Apr 14, 2026
One-click install
npx skills add https://github.com/joshka0/foxctl --skill foxctl-html-edit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: foxctl HTML Edit
Source: https://github.com/joshka0/foxctl/tree/main/configs/skills-condensed/foxctl-html-edit
Command: npx skills add https://github.com/joshka0/foxctl --skill foxctl-html-edit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Editing HTML by hand is error-prone and time-consuming, especially when you need targeted, repeatable changes across large or frequently changing pages.

Core Features & Use Cases

  • DOM-aware CSS selector editing: Select elements reliably using CSS selectors to target exactly what you intend.
  • Precision change operations: Insert, replace, wrap/unwrap, extract HTML, update or remove attributes, and delete elements.
  • Safety controls and scoping: Use options like dry runs, nth matching, and limits to reduce mistakes before writing.

Quick Start

Run the skill to delete all deprecated elements from index.html using the selector .deprecated and apply the change safely on your first pass.

Frequently Asked Questions about foxctl HTML Edit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make precise DOM edits using CSS selectors on an HTML file?

You can make precise DOM edits by providing a JSON input that specifies the HTML path and an operations list. This targets elements reliably using CSS selectors to apply operations like insert, replace, or delete.

What is the best way to automate updating HTML attributes across large web pages?

Automating HTML attribute updates is handled through targeted operations using CSS selectors. You can apply update_attr commands in a JSON operations list to modify or remove attributes across large pages without manual editing.

Can I safely test HTML structure modifications before applying changes?

Yes, you can safely test HTML structure modifications using the optional dry_run control. This allows you to preview precise DOM-aware changes and reduce mistakes before writing to the file.

How do I extract specific HTML content for review without a browser?

You can extract specific HTML content for review using the extract operation with CSS selectors. This browserless editing approach pulls the targeted structure directly from the file.

What are the limitations of using CSS selectors for DOM node deletion?

DOM node deletion using CSS selectors is limited by matching accuracy, but you can scope operations using nth matching and limit controls. These options restrict changes to specific occurrences to prevent accidental node removal.

Can I wrap or unwrap HTML content elements programmatically?

Yes, you can wrap or unwrap HTML content elements programmatically. The skill supports these specific operations within its JSON input to modify DOM structure by adding or removing surrounding tags.