bs

Generate self-contained planning diagrams with Mermaid and publish them to a shareable URL.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/brettimus/fp-extensions-playground --skill bs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bs
Source: https://github.com/brettimus/fp-extensions-playground/tree/main/.agents/skills/bs
Command: npx skills add https://github.com/brettimus/fp-extensions-playground --skill bs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generate self-contained, visually rich planning diagrams and layouts that can be published to a shareable URL, improving clarity in brainstorming and planning sessions.

Core Features & Use Cases

  • Mermaid-based diagrams for architecture, flows, and file trees.
  • Structured layouts for dense information and better scannability.
  • Publish workflow that outputs a shareable URL and supports authentication fallback.

Quick Start

Create a new bs plan by compiling diagrams and content, then publish it to a shareable URL.

Frequently Asked Questions about bs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate shareable Mermaid diagrams for architecture planning?

Generate shareable Mermaid diagrams by compiling your architecture flows and file trees into a visually rich layout, which is then published to a shareable URL with optional authentication fallback.

Can I publish visual plans to a URL that supports authentication?

Yes, visual plans are published to a shareable URL that supports an authentication fallback, ensuring your brainstorming layouts and design reviews remain controlled during collaboration.

What is the best way to create structured layouts for dense brainstorming information?

The best way to structure dense brainstorming information is using Mermaid-based diagrams that apply theming tokens and inlined CSS, ensuring better scannability and visually rich planning layouts.

Does Mermaid diagram support include file trees and flowcharts?

Mermaid diagram support includes architecture visualizations, process flows, and file trees, allowing you to compile dense information into structured layouts for design reviews.

How do I add theming tokens to published visual plans?

Theming tokens are applied directly during the compilation of your visual plans, ensuring the self-contained output uses inlined CSS and JS for consistent visual styling across the shareable URL.