Laith0003/ux-skill

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

インストール型ツール自由に使える · MITデザイン・UI コンポーネントPython難易度
820 保存
9フォーク0Issue

中辛 の解説

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以上

すぐに始める

  1. Pythonパッケージをインストール
pip install uxskill
  1. 初期化してプロジェクト状態ディレクトリを設定
uxskill init
  1. インストール確認
ux stats
  1. プロジェクトブリーフをスキャンして設計システムを推奨
ux recommend --industry=fintech-neobank --tone=warm --stack=nextjs-15-app-router
  1. 現在のディレクトリのコードに対してリンター実行
ux lint .
  1. リント+ポーリング+再リントのオートループ(スコア90以上まで)
ux evolve --fix

ギット飯トライで味見

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

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

npx gitbap-try Laith0003/ux-skill

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

スター推移 · 7日

827日間の増加数を計算するための比較データが不足しています

確認日時

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

ベストサンプルサンプル評点 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 をもとに要約しました · 原文を見る