f-labs-io/agent-html-skills
19 skills · 2,570 total installs
$npx skills add f-labs-io/agent-html-skillsSkillInstalls
html-svg-diagramsCreate SVG-based technical diagrams inside HTML — flowcharts, sequence diagrams, state machines, data-flow diagrams, dependency graphs, request/response…html-design-prototypes**TRIGGER: about to populate `AskUserQuestion` options with `preview:` content for any visual UI / screen / layout / component / animation comparison.** STOP…html-research-reportsSynthesize multi-source research (codebase, git history, Slack, web, MCPs) into readable HTML reports — concept explainers, weekly status reports, incident…html-architecture-diagramsCreate HTML system architecture diagrams — microservice maps, dependency graphs, deployment topologies, data ownership maps, integration diagrams.html-erd-explorerGenerate HTML entity-relationship diagrams (ERDs) and database schema visualizations with clickable tables, relationship paths, and migration before/after…html-spec-planningCreate rich HTML documents for project specs, implementation plans, design exploration, RFCs, and brainstorming.html-mind-mapCreate branching, draggable HTML mind maps and concept maps for capturing brainstorms, mapping knowledge structures, exploring debugging hypotheses, or…html-interactive-playgroundCreate HTML playgrounds with sliders, knobs, toggles, and live preview for tuning algorithm parameters, animation values, design tokens, layout dimensions, or…html-code-reviewGenerate HTML artifacts for code review, PR explanation, and codebase understanding — rendered diffs with inline annotations, severity-coded findings, refactor…html-brainstorm-grid**TRIGGER: about to populate `AskUserQuestion` options with `preview:` content for any visual / UX / layout / screen / component / mockup comparison.** STOP…html-skills-listenSets up the per-session local receiver and `Monitor` for interactive html-skills artifacts so user submissions arrive as session notifications instead of as…html-timeline-roadmapCreate HTML timelines and roadmaps with status pills, dependency arrows, and milestone markers — for quarterly planning, project retrospectives, release…html-skills-stopTears down server mode for html-skills for THIS Claude Code session — kills the receiver, stops the `Monitor` armed by `html-skills-listen`, and cleans up its…html-comparison-matrix**TRIGGER: about to populate `AskUserQuestion` options with `preview:` content for any comparison heavier than 2-3 short text labels (>2 axes, >3 candidates,…html-throwaway-editorBuild single-purpose, throwaway HTML editors for one specific piece of data — drag-and-drop boards, form-based config editors, side-by-side prompt tuners,…html-slideshow-deckGenerate keyboard-navigable HTML slideshow decks for presentations, tech talks, leadership briefings, onboarding walkthroughs, and any sequential visual…html-data-explorerBuild HTML data explorers for CSV, JSON, log, and event data — filterable tables, faceted search, inline charts, timeline scrubbing, A/B test result…html-design-tokensShowcase design tokens — color palettes, type scales, spacing systems, radius scales, shadow systems, motion tokens — as HTML pages with copy-paste CSS…html-testing-checklistGenerate thorough, interactive HTML testing checklists that help developers and testers systematically verify software — a real test plan organized into…