heydamir/unslop

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

何をするか

AI生成画面の繰り返し装飾や不揃いな余白を見つけ、製品の性格に合わせて直すClaude用デザインスキルです。独立した生成モデルや導入直後にサイトを編集するサービスではなく、指針、参考資料、補助スクリプトの組です。画面コード、サイトURL、画像を受け取ると、まず問題を点検してデザイン方針を提案する構成です。その後、余白、色、アイコン、文言、書体、配置、細部、画像、動きの順で改善します。原コードがない場合は保存ページや再構成した静的HTMLのコピーが成果物で、運営サイトへの反映とは区別が必要です。Claude Codeが読むスキル配置先に置いて呼び出し、実際の変更にはエージェントのファイルとブラウザー権限が必要です。任意の画像生成には外部サービス接続と有料生成の確認が必要で、変化動画の補助機能にはPlaywrightとffmpegが必要です。デザイン判断は指針に基づく提案で、使いやすさの改善や全フレームワークでの動作を保証しません。CC BY 4.0のため、複製や改変物の共有時には著作者表示と保存先へのリンクを維持する必要があります。

ライセンス

CC-BY-4.0 標準ではない独自ライセンスです。再利用の前にライセンスファイルを確認してください。

同じ分野のリポジトリ

• patch-gg/pixelfx
  pixelfxはゲームや視覚的な試作品の開発者向けのJavaScriptピクセル効果集と制作手順です。READMEでは炎、天候、画面アニメーション、魔法、キャラクター動作を含む244個の効果を紹介しています。各効果は保存画像ではなくコードで、時刻に基づく描画関数、または状態を更新して描くシミュレーションで構成します。利用者はパレット、乱数の基準値、位置、反転、回転、明るさを指定し、実行部分が画素の色と光を合成してフレームを作ります。キャラクター効果には別の動作情報で予備動作、打撃時の停止、対象の反応、復帰動作を含められます。ブラウザー再生、プレビュー画像、透過スプライトシート、フレーム情報を出力でき、任意のGIFとMP4出力にはffmpegが必要です。ギャラリーの閲覧またはNode.js 18以上のツールから始められ、Claude Codeスキルは生成モデルではなく、下書き、描画、目視確認、修正の手順を案内します。標準キャラクター向けの効果は独自キャラクターに合わせた調整が必要で、MITのコードライセンスは別の権利条件を持つ同梱PatchPixelフォントには適用されません。
• JimLiu/baoyu-design
  baoyu-designは、ローカルのコーディングエージェントで視覚的な成果物を作成、修正する利用者向けの、コミュニティが保守するエージェントスキル集です。デザイン依頼とスクリーンショット、コード、HTML/CSSやFigmaファイルなどの参考資料から、画面案、試作、発表資料などのHTML成果物を作るようエージェントを案内します。中心となるスキルは、共通のデザイン手法、エージェント環境別のツール説明と作業別のプロンプトや初期部品を読み込む構成です。プロジェクト内に版を固定したデザインシステムのコピーを取り込み、その関連をプロジェクトのメタデータに記録する流れも説明します。付属スキルは、スライド、キャンバス、デザインシステムとデータダッシュボードに、それぞれのファイル形式とローカルエディターを使います。ファイルを扱えるAIエージェントとそのモデルサービスが必要で、ローカル編集ツールにはNode.js、簡単なプレビューサーバーにはPythonを利用できます。READMEは大半の成果物エディターにNode 20以降、ダッシュボードにNode 22以降を指定し、任意の書き出しや生成機能には追加のツールやサービスが必要です。Anthropicが承認した製品ではなく、成果物のローカル保存はモデルのオフライン実行や運用画面と書き出し品質の保証を意味しません。
• enesozturk/dimensional-drawing
  このリポジトリは、UIコンポーネントの間隔、角の半径、レイヤー、画面内の配置を技術図面で説明するエージェント用スキルです。スクリーンショットだけでは伝えにくい仕様を引き継ぐ開発者やデザイナーを対象としています。ソースファイル、Storybookの例、URL、スクリーンショットを出発点にできますが、測定手順では実際のソースとPlaywrightで表示した要素の境界、計算済みスタイルを確認します。出力は平面図、レイヤーの分解図、詳細図、変数表を収めた単独のHTMLとSVGの文書です。寸法は変数と数式で示し、実際の文言は省き、根拠のない値は作らずTBDとして残します。図面作成にはスキルを読み、対象のソースとブラウザー環境にアクセスできるエージェントが必要です。任意のモーションスキルはClaude Motionを対象とし、別の描画経路ではNode 18以降、Playwright Chromium、ffmpegでフレームを取得してMP4にします。図面の作成手順と描画補助であり、スクリーンショットだけから正確な寸法が得られることや、元のコンポーネントが正しく動作することを保証する資料ではありません。
• current/deadcell-framework
  このリポジトリは別に存在するdeadcellメニュー向けのDear ImGui基盤を提供し、メニューアプリケーションそのものではありません。ネイティブウィンドウと対話的な操作部品が必要なC++開発者が対象です。アプリケーションのウィジェット呼び出しとOS入力を描画データに変換し、DirectX 11バックエンドがGPUへ渡します。保持型の部品ツリーを維持する代わりに、フレームの初期化、ウィジェット呼び出し、描画を毎フレーム繰り返します。ビルド設定ではImGui本体とWin32およびDirectX 11バックエンドを静的ライブラリにまとめます。文書上の開始環境はCMake 3.16以降とC++17コンパイラで、呼び出し側がウィンドウとグラフィックスデバイスを用意する必要があります。WindowsビルドはDirect3D関連ライブラリをリンクし、バックエンドのソースはシェーダーコンパイラも使用します。公開ヘッダーには固定された1.89.5 WIP版が明記されているため、最新の上流機能を網羅する根拠にはなりません。READMEは他の同梱バックエンドをこの版では試験していないと説明し、実際のメニュー実装はこのリポジトリの外にあります。
• pengchujin/aerial-tv
  Aerialは広告や推薦一覧の代わりにアプリと壁紙を表示するAndroid TV用ホーム画面アプリです。主な利用者はXiaomiやTCLなどのテレビで標準画面を変更したい所有者です。リモコン入力、インストール済みアプリ、入力ソース、写真からアプリ一覧、コントロールセンター、スクリーンセーバーを表示します。KotlinとJetpack Composeを使い、QRで開くスマートフォン画面から写真の送信や壁紙設定ができます。APKの導入、テレビ側でのADB許可、必要な権限設定が必要で、システムアプリを削除しない復元手順もあります。ソースからのビルドにはJDK 17とAndroid SDK 36が必要です。空撮映像と日替わり背景はAppleとBingの外部資料を使うため、通信と個別の著作権条件に注意が必要です。標準画面への復帰や自動起動は機種によって異なり、強いシステム権限と任意のADB維持設定は慎重に検討する必要があります。

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