f-labs-io/agent-html-skills

1

html-svg-diagrams Create SVG-based technical diagrams inside HTML — flowcharts, sequence diagrams, state machines, data-flow diagrams, …

f-labs-io/agent-html-skills

393

2

html-research-reports Synthesize multi-source research (codebase, git history, Slack, web, MCPs) into readable HTML reports — concept expla…

f-labs-io/agent-html-skills

290

3

html-design-prototypes TRIGGER: before putting a UI / screen / component / animation comparison into `AskUserQuestion` `preview:` chips, inv…

f-labs-io/agent-html-skills

272

4

html-architecture-diagrams Create HTML system architecture diagrams — microservice maps, dependency graphs, deployment topologies, data ownershi…

f-labs-io/agent-html-skills

236

5

html-mind-map Create branching, draggable HTML mind maps and concept maps for capturing brainstorms, mapping knowledge structures, …

f-labs-io/agent-html-skills

207

6

html-code-review Generate HTML artifacts for code review, PR explanation, and codebase understanding — rendered diffs with inline anno…

f-labs-io/agent-html-skills

198

7

html-interactive-playground Create HTML playgrounds with sliders, knobs, toggles, and live preview for tuning algorithm parameters, animation val…

f-labs-io/agent-html-skills

197

8

html-erd-explorer Generate HTML entity-relationship diagrams (ERDs) and database schema visualizations with clickable tables, relations…

f-labs-io/agent-html-skills

195

9

html-spec-planning Create rich HTML documents for project specs, implementation plans, design exploration, RFCs, and proposals. Use when…

f-labs-io/agent-html-skills

193

10

html-timeline-roadmap Create HTML timelines and roadmaps with status pills, dependency arrows, and milestone markers — for quarterly planni…

f-labs-io/agent-html-skills

192

11

html-slideshow-deck Generate keyboard-navigable HTML slideshow decks for presentations, tech talks, leadership briefings, onboarding walk…

f-labs-io/agent-html-skills

189

12

html-brainstorm-grid TRIGGER: before putting UI / layout / screen / component mockups into `AskUserQuestion` `preview:` chips, invoke this…

f-labs-io/agent-html-skills

187

13

html-throwaway-editor Build single-purpose, throwaway HTML editors for one specific piece of data — drag-and-drop boards, form-based config…

f-labs-io/agent-html-skills

186

14

html-data-explorer Build HTML data explorers for CSV, JSON, log, and event data — filterable tables, faceted search, inline charts, time…

f-labs-io/agent-html-skills

185

15

html-skills-listen Session primitive for html-skills: starts the per-session local receiver and `Monitor` so submissions from html-skill…

f-labs-io/agent-html-skills

185

16

html-comparison-matrix TRIGGER: before putting a comparison with more than 2 axes, more than 3 candidates, or weights into `AskUserQuestion`…

f-labs-io/agent-html-skills

183

17

html-design-tokens Showcase design tokens — color palettes, type scales, spacing systems, radius scales, shadow systems, motion tokens —…

f-labs-io/agent-html-skills

182

18

html-skills-stop Tears down server mode for html-skills for THIS Claude Code session — kills the receiver, stops the `Monitor` armed b…

f-labs-io/agent-html-skills

182

19

html-testing-checklist Generate thorough, interactive HTML testing checklists — a real test plan organized into end-to-end flows, with pass/…

f-labs-io/agent-html-skills

75