Nutlope/hallmark

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

何をするか

Hallmarkは、Claude Code、Cursor、Codex向けのデザインskillで、AIが作ったようなありきたりな見た目を避けてUIを作ります。ページ構成とテーマを選び、出力前にslop testのチェックを行います。既存デザインのaudit、redesign、studyも行えます。

ATFへの役立ち方

出力前にチェックする手順は、Harnessが結果を返す前に決められたルールで確認する方法の参考になります。修正せずに問題点の一覧だけを出すauditモードは、ATF Worksの画面レビューの方法と比較する価値があります。

ライセンス

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

同じ分野のリポジトリ

• CoreBunch/Instatic
  Instaticは、キャンバスエディター、コンテンツエンジン、メディア、認証、フォーム、プラグイン、公開機能がSQLiteまたはPostgresを使う1つのBunサーバーで動くセルフホスト型のビジュアルCMSです。出力はシンプルなセマンティックHTMLとコンパクトなCSSです。
• facebook/astryx
  Reactベースのオープンソースdesign systemで、現在ベータ版です。アクセシビリティに配慮したコンポーネント、ブランドテーマ、ダークモード、テンプレート、CLIを備え、人とAI assistantが同じツールで使えるように作られています。
• cathrynlavery/diagram-design
  Claude Code、Codex、Piなどskill対応の環境で使うagent skillで、アーキテクチャのスケッチからフローチャートまで、エディトリアル調の図を自己完結したHTMLとSVGで作ります。draw.io、Mermaid、Excalidrawのソースを描き直すこともできます。
• penpot/penpot
  プロダクトチーム向けのオープンソースのデザインプラットフォームで、ブラウザで使うことも、self-hostingで運用することもできます。SVG、CSS、HTMLなどのオープン標準に対応し、リアルタイム共同編集、design token、MCP server、公開API、pluginを備えています。
• lnkiai/m3e-canvas
  M3E Canvasは、ブラウザ上でパーツをドラッグ&ドロップしてMaterial 3 Expressiveの画面をスケッチするツールです。画面同士をつないでタップで確認でき、そのデザインをAI coding tool向けのpromptとしてコピーできます。

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