lukilabs/beautiful-mermaid

外部のオープンソース リポジトリを紹介するページです。HDATFの製品ではありません。

何をするか

beautiful-mermaidは、Mermaidダイアグラムをテーマを変えられるSVG、またはターミナル向けのASCIIやUnicodeのテキストとして描画するTypeScriptライブラリで、DOMに依存しません。フローチャート、状態、シーケンス、クラス、ER、XYチャートの図に対応します。

ATFへの役立ち方

ATF Worksのwikiや文書でMermaidダイアグラムを表示する際の参考になり得ます。ターミナルでagentの作業を見る場面では、テキスト出力の方式も比較する価値があります。

ライセンス

MIT 寛容なライセンスです。著作権表示を残せば商用利用と改変ができます。

同じ分野のリポジトリ

• bwya77/vscode-dark-islands
  VS CodeやVSCodiumなどの互換エディター向けのダークカラーテーマです。浮いたガラス風のパネル、角丸、ピル型のアクティビティバーとスクロールバー、暖色系のシンタックスハイライトを備えます。
• ChartGPU/ChartGPU
  WebGPUで描画するTypeScriptのチャートライブラリです。点数の多い時系列、ストリーミング更新、複数チャートのダッシュボード、3Dシリーズを対象にしています。WebGLやCanvasへのフォールバックがないため、非対応ブラウザはホストアプリ側で扱う必要があります。
• chenglou/pretext
  複数行テキストの計測とレイアウトを独自のロジックで行うJavaScriptとTypeScriptのライブラリです。レイアウトのリフローを起こすDOM計測を避けられます。結果はDOM、Canvas、SVGに描画できます。
• tambo-ai/tambo
  Tamboは、UIを描画するagentを作るためのReactツールキットです。開発者がZod schemaでコンポーネントを登録すると、agentが適切なものを選んでpropsをストリーミングします。会話の状態とagent loopは、ホスティング型またはセルフホスト型のバックエンドが担います。
• VoltAgent/awesome-design-md
  有名なウェブサイトのデザイントークン、パターン、ルールをまとめたmarkdown文書であるDESIGN.mdファイルのコレクションです。プロジェクトに置くと、AI coding agentがそのデザイン言語に沿ったUIを生成できます。

Trendshiftのランキングに入ったリポジトリだけを載せ、リストは候補を探すためだけに使いました。順位の数字は転載していません。説明、ライセンス、スター数は各GitHubリポジトリで確認しました。解説は私たちの判断です。これらを試験したわけではなく、上昇リストに載ったことは品質の証明ではありません。