nextlevelbuilder/ui-ux-pro-max-skill

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

何をするか

複数のプラットフォームやフレームワークでUIを作る際に使うAI skillです。プロジェクトの要件を分析し、ページパターン、スタイル、色、CTAの配置を含むデザインシステムを生成します。

ATFへの役立ち方

UIを作る前に要件をデザインシステムとしてまとめる方式は、ATF Worksの画面を一貫させる上での参考になり得ます。ただし生成された内容は別途確認が必要です。

ライセンス

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

同じ分野のリポジトリ

• AnmolSaini16/mapcn
  MapLibre GLをベースにTailwindでスタイルを付け、shadcn/uiと互換性のあるReact用地図コンポーネントです。マーカー、ポップアップ、ルート、地図コントロールを備えています。既定のCARTOベースマップを商用利用するにはライセンスが必要です。
• vercel-labs/json-render
  json-renderは、AIがpromptから画面をJSONで生成する際に、あらかじめ定義したコンポーネントとアクションのカタログだけを使わせるframeworkです。出力はモデルの応答に合わせてストリーミングされ、React、Vue、Svelte、React Native、PDF、メールなどに描画されます。
• tambo-ai/tambo
  Tamboは、UIを描画するagentを作るためのReactツールキットです。開発者がZod schemaでコンポーネントを登録すると、agentが適切なものを選んでpropsをストリーミングします。会話の状態とagent loopは、ホスティング型またはセルフホスト型のバックエンドが担います。
• ChartGPU/ChartGPU
  WebGPUで描画するTypeScriptのチャートライブラリです。点数の多い時系列、ストリーミング更新、複数チャートのダッシュボード、3Dシリーズを対象にしています。WebGLやCanvasへのフォールバックがないため、非対応ブラウザはホストアプリ側で扱う必要があります。
• lukilabs/beautiful-mermaid
  beautiful-mermaidは、Mermaidダイアグラムをテーマを変えられるSVG、またはターミナル向けのASCIIやUnicodeのテキストとして描画するTypeScriptライブラリで、DOMに依存しません。フローチャート、状態、シーケンス、クラス、ER、XYチャートの図に対応します。

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