f-labs-io

Create HTML system architecture diagrams — microservice maps, dependency graphs, deployment topologies, data ownership maps, integ...

f-labs-io/agent-html-skills

Generate HTML artifacts for code review, PR explanation, and codebase understanding — rendered diffs with inline annotations, seve...

f-labs-io/agent-html-skills

Build HTML data explorers for CSV, JSON, log, and event data — filterable tables, faceted search, inline charts, timeline scrubbin...

TRIGGER: before putting a UI / screen / component / animation comparison into `AskUserQuestion` `preview:` chips, invoke this skil...

Showcase design tokens — color palettes, type scales, spacing systems, radius scales, shadow systems, motion tokens — as HTML page...

Generate HTML entity-relationship diagrams (ERDs) and database schema visualizations with clickable tables, relationship paths, an...

f-labs-io/agent-html-skills

Create branching, draggable HTML mind maps and concept maps for capturing brainstorms, mapping knowledge structures, exploring deb...

f-labs-io/agent-html-skills

f-labs-io/agent-html-skills

Generate keyboard-navigable HTML slideshow decks for presentations, tech talks, leadership briefings, onboarding walkthroughs, and...

Create rich HTML documents for project specs, implementation plans, design exploration, RFCs, and proposals. Use whenever the user...

Create SVG-based technical diagrams inside HTML — flowcharts, sequence diagrams, state machines, data-flow diagrams, dependency gr...

Generate thorough, interactive HTML testing checklists — a real test plan organized into end-to-end flows, with pass/fail/blocked ...

f-labs-io/agent-html-skills

f-labs-io/agent-html-skills