๐ŸŽฏ

html-skills-listen

๐ŸŽฏSkill

from f-labs-io/agent-html-skills

VibeIndex|
What it does
|

Provides two-way HTML artifacts for Claude Code where Claude generates interactive pages and user interactions are sent back automatically via a local listener. Includes 16 skills spanning mind maps, kanban editors, brainstorm grids, comparison matrices, design prototypes, specs, dashboards, and slide decks.

๐Ÿ“ฆ

Same repository

f-labs-io/agent-html-skills(18 items)

html-skills-listen

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add f-labs-io/agent-html-skills --skill html-skills-listen
skills.sh Installโš  Installs to .agents/skills/
npx skills add f-labs-io/agent-html-skills --skill html-skills-listen
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/html-skills-listen/SKILL.md

SKILL.md

109Installs
-
AddedMay 24, 2026

More from this repository10

๐ŸŽฏ
html-svg-diagrams๐ŸŽฏSkill

A collection of 16 HTML artifact skills for Claude Code that produce interactive and static HTML pages including mind maps, kanban editors, brainstorm grids, specs, diagrams, and dashboards, with a two-way round-trip that sends user interactions back to Claude automatically.

๐ŸŽฏ
html-design-prototypes๐ŸŽฏSkill

A collection of 16 two-way HTML artifact skills for Claude Code that enable interactive outputs like mind maps, kanban editors, and design prototype tuners, with automatic round-trip delivery of results back to the agent session.

๐ŸŽฏ
html-research-reports๐ŸŽฏSkill

A set of 16 skills that let Claude Code generate interactive HTML artifacts like mind maps, kanban boards, and brainstorm grids, with a round-trip mechanism that sends user interactions back to the session automatically.

๐ŸŽฏ
html-architecture-diagrams๐ŸŽฏSkill

Part of agent-html-skills, a collection of 16 two-way HTML artifact skills for Claude Code that generate interactive outputs like mind maps, kanban editors, and comparison matrices, with automatic round-trip communication back to Claude via a local listener.

๐ŸŽฏ
html-spec-planning๐ŸŽฏSkill

One of 16 skills that generate two-way HTML artifacts in Claude Code, producing specs, RFCs, and implementation plans as rich interactive HTML pages with automatic result delivery back to the agent session.

๐ŸŽฏ
html-erd-explorer๐ŸŽฏSkill

Provides 16 skills that generate interactive HTML artifacts in Claude Code, including mind maps, kanban editors, brainstorm grids, and comparison matrices, with automatic round-trip feedback that sends user interactions back to the session without copy-paste.

๐ŸŽฏ
html-mind-map๐ŸŽฏSkill

An interactive HTML skill for Claude Code that generates branching concept maps in the browser, with a built-in submit pipeline that sends the structured tree data back to Claude automatically.

๐ŸŽฏ
html-interactive-playground๐ŸŽฏSkill

Two-way HTML artifacts for Claude Code that enable interactive round-trip workflows. Claude generates interactive HTML pages like mind maps, kanban boards, and brainstorm grids, and user interactions are automatically sent back to Claude without copy-paste.

๐ŸŽฏ
html-skills-stop๐ŸŽฏSkill

A Claude Code plugin that creates two-way interactive HTML artifacts where Claude generates pages you interact with in the browser, and results are automatically sent back to Claude without copy-paste. Includes 16 skills for mind maps, kanban editors, brainstorm grids, specs, dashboards, and more.

๐ŸŽฏ
html-timeline-roadmap๐ŸŽฏSkill

A Claude Code plugin providing 16 skills that generate interactive HTML artifacts such as mind maps, kanban boards, and brainstorm grids, with a built-in round-trip mechanism that sends user interactions back to Claude automatically.