# f-labs-io > Open-source publisher. Listings imported from github.com/f-labs-io — credited to the original author with their license. - **Listings:** 18 - **Total installs:** 0 - **Profile:** https://agentstack.voostack.com/s/f-labs-io - **Website:** https://github.com/f-labs-io ## Published listings - [Html Brainstorm Grid](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-brainstorm-grid) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-brainstorm-grid` >- - [Html Skills Listen](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-skills-listen) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-skills-listen` >- - [Html Erd Explorer](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-erd-explorer) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-erd-explorer` Generate HTML entity-relationship diagrams (ERDs) and database schema visualizations with clickable tables, relationship paths, and migration before/after views. Use whenever the user has a database schema, data model, or table structure to document, explain, migrate, or explore — even when they call it a "data model", "schema diagram", or just "the tables". Reach for this any time the conversati… - [Html Throwaway Editor](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-throwaway-editor) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-throwaway-editor` Build single-purpose, throwaway HTML editors for one specific piece of data — drag-and-drop boards, form-based config editors, side-by-side prompt tuners, dataset curators, annotation tools. Always end with a Submit button (calls `submitToClaude`) so the result can be sent back to the agent. Use whenever the user wants to triage, reorder, edit, annotate, curate, prioritize, or pick values where t… - [Html Comparison Matrix](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-comparison-matrix) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-comparison-matrix` >- - [Html Spec Planning](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-spec-planning) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-spec-planning` Create rich HTML documents for project specs, implementation plans, design exploration, RFCs, and brainstorming. Use whenever the user asks for a spec, plan, RFC, design doc, brainstorm, or wants to explore approaches/options/alternatives — even when they don't explicitly say "HTML". Strongly prefer HTML over markdown for any planning artifact longer than a screen, especially when the artifact wi… - [Html Design Tokens](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-design-tokens) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-design-tokens` Showcase design tokens — color palettes, type scales, spacing systems, radius scales, shadow systems, motion tokens — as HTML pages with copy-paste CSS variable exports, contrast ratio checks, and live sample type. Use whenever the user shows or asks about a palette, theme, design system, branding colors, design tokens, or wants to document any system of values that drives visual design. Markdown… - [Html Data Explorer](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-data-explorer) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-data-explorer` Build HTML data explorers for CSV, JSON, log, and event data — filterable tables, faceted search, inline charts, timeline scrubbing, A/B test result dashboards. Use whenever the user has a dataset to explore, browse, filter, chart, facet, or analyze — especially for ad-hoc analysis where opening a heavy BI tool is overkill. Reach for this when the user pastes data, mentions a CSV/JSON/log file, o… - [Html Design Prototypes](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-design-prototypes) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-design-prototypes` >- - [Html Slideshow Deck](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-slideshow-deck) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-slideshow-deck` Generate keyboard-navigable HTML slideshow decks for presentations, tech talks, leadership briefings, onboarding walkthroughs, and any sequential visual narrative. Use whenever the user wants slides, a deck, a presentation, a tech talk, a brown-bag, a briefing, or any sequential walkthrough — especially when they want to share via a link rather than as a PowerPoint or Keynote file. Prefer HTML ov… - [Html Svg Diagrams](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-svg-diagrams) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-svg-diagrams` Create SVG-based technical diagrams inside HTML — flowcharts, sequence diagrams, state machines, data-flow diagrams, dependency graphs, request/response timelines. Use whenever the user wants to visualize, illustrate, diagram, or sketch a technical concept, system, or process. Strongly prefer SVG over ASCII art, mermaid blocks, or markdown text for anything spatial or relational. Reach for this w… - [Html Code Review](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-code-review) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-code-review` Generate HTML artifacts for code review, PR explanation, and codebase understanding — rendered diffs with inline annotations, severity-coded findings, refactor risk maps, before/after migration views, and subsystem walkthroughs. Use whenever the user wants to review, explain, or understand a PR, refactor, codebase area, or subsystem — especially before merging, when onboarding others to a change,… - [Html Architecture Diagrams](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-architecture-diagrams) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-architecture-diagrams` Create HTML system architecture diagrams — microservice maps, dependency graphs, deployment topologies, data ownership maps, integration diagrams. Useful during incidents, design reviews, onboarding, and capacity planning. Use whenever the user wants to visualize, document, or explain how a system fits together — across services, regions, queues, caches, databases, or organizational boundaries. R… - [Html Interactive Playground](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-interactive-playground) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-interactive-playground` Create HTML playgrounds with sliders, knobs, toggles, and live preview for tuning algorithm parameters, animation values, design tokens, layout dimensions, or any value that's painful to express in text. Always include a Submit button (calls `submitToClaude`) so chosen values can be sent back to Claude Code. Use whenever the user wants to experiment with values, fine-tune behaviors, explore a par… - [Html Timeline Roadmap](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-timeline-roadmap) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-timeline-roadmap` Create HTML timelines and roadmaps with status pills, dependency arrows, and milestone markers — for quarterly planning, project retrospectives, release histories, incident timelines, sprint visualizations. Use whenever the user wants to visualize a sequence of events over time, a plan, a roadmap, a release schedule, or look back at how a project unfolded. Reach for this whenever the explanation… - [Html Skills Stop](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-skills-stop) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-skills-stop` >- - [Html Mind Map](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-mind-map) — Skill · Free · security-reviewed — `agentstack add skill-f-labs-io-agent-html-skills-html-mind-map` Create branching, draggable HTML mind maps and concept maps for capturing brainstorms, mapping knowledge structures, exploring debugging hypotheses, or organizing nested ideas. Always include a Submit button (calls `submitToClaude`) to send the captured structure back to the agent for next steps. Use whenever the user wants to capture, organize, or explore branching ideas, hypotheses, knowledge s… - [Html Research Reports](https://agentstack.voostack.com/l/skill-f-labs-io-agent-html-skills-html-research-reports) — Skill · Free — `agentstack add skill-f-labs-io-agent-html-skills-html-research-reports` Synthesize multi-source research (codebase, git history, Slack, web, MCPs) into readable HTML reports — concept explainers, weekly status reports, incident reports, technical deep-dives, learning artifacts. Use whenever the user wants a write-up, explainer, summary, deep-dive, status report, retrospective, or report that pulls from multiple sources — especially when they mention sharing it with s… --- Seller on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Install any with `agentstack add `.