Laith0003/ux-skill

AIコーディングツール向けの設計インテリジェンスエンジン。生成されたUIを汎用的ではなく特徴的にします。

インストール型ツール自由に使える · MITデザイン・UI コンポーネントPython難易度

72+0今週0 찜

9フォーク1Issue

デモ・公式サイトをひらくuxskill.laithjunaidy.com

中辛の解説

Pythonエンジン + 7軸合成器 + 12個のJSONマニフェスト（84スタイル、176パレット、70タイプペアリング、148コンポーネント、152アンチパターンルール）。難易度：中程度。Claude Code / Cursor / Windsurf / GitHub Copilotなど17のIDE対応。pip install uxskillで今すぐ使えます。デモ：uxskill.laithjunaidy.com。

こんなリポジトリです

こんなときに便利です

Claude Code・CursorでAI生成UIが汎用的に見えるのを防ぐ
複数ブランドのデザイン仕様を一元管理し、異なるプロジェクト間で一貫性を保つ
CI/CDパイプラインに組み込んで、デザインアンチパターンを自動検出・ブロック

主な機能

7軸合成器による決定論的デザイン生成160ブランド仕様+152アンチパターンルール17IDE対応・オフライン・LLMフリー

ほかとの違い

他の有名Claude UXプラグインはテンプレートピックまたはBM25検索ですが、ux-skillは訓練データからブランド語彙を蒸留する真の合成エンジンであり、決定台帳で過去の成功に基づく継続的改善を実現します。

食べた人たち

実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。

試食評 · 使った人のひとこと

まだ試食評がありません。使ってみたら、最初のひとことをどうぞ。

ほかのリポジトリの試食評を見る →

このリポジトリで作られたもの

🖋 完走を記録する

まだ完走の記録がありません。最初の一膳を記録してみませんか。

このリポジトリの作り方

はじめてですか？むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

Python 3.9以上

すぐ動かしてみるNode.js (npm)

ギット飯がリポジトリの構成を確認して組み立てた実行コマンドです。ターミナルに貼り付ければ、取得から実行までまとめて進みます。

git clone --depth 1 https://github.com/Laith0003/ux-skill.git &&
cd ux-skill &&
npm install

実行コマンドは README を確認してください。

コードは自分の環境で動きます — はじめて見るリポジトリなら、中身にひととおり目を通してから実行するのがおすすめです。

README の詳しい手順を見る

Pythonパッケージをインストール

pip install uxskill

初期化してプロジェクト状態ディレクトリを設定

uxskill init

インストール確認

ux stats

プロジェクトブリーフをスキャンして設計システムを推奨

ux recommend --industry=fintech-neobank --tone=warm --stack=nextjs-15-app-router

現在のディレクトリのコードに対してリンター実行

ux lint .

リント+ポーリング+再リントのオートループ（スコア90以上まで）

ux evolve --fix

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try Laith0003/ux-skill

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →

スター推移 · 7日

72+0 / 7日

使いやすさ · まねしやすいか

ベストサンプルサンプル評点 68/100

ゆるいライセンス
テストあり
サンプル集
最近の更新
AGENTS.md
llms.txt
テンプレート

最近の更新あり · 2026 年に作成

「デザイン・UI コンポーネント」こういうリポジトリを毎週受け取りませんか？

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか？ README にギット飯バッジを貼る

[![깃밥](https://www.gitbap.com/badge/Laith0003/ux-skill.svg)](https://www.gitbap.com/r/Laith0003/ux-skill)

Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp

方法 ② プラグイン（試用まで）

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork

/plugin install gitbap-cowork@gitbap

つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る