smokeeaasd/flawless-ui-ux

これは何？

主な機能

• 01既存の技術スタック内で、インターフェースの作成、再設計、調整、レビューを支援
• 02対応する12種類のコーディングエージェントのプロジェクト用またはグローバル用ディレクトリにインストール
• 03ソースファイルや実行中のページを検査し、アクセシビリティやレイアウトの問題を検出
• 04保存したベースラインと比較して、継続中、新規、解消済みの指摘を切り分け
• 05対話形式のインストーラー、またはスクリプト実行向けの明示的なフラグに対応

ユースケース

• 明確なビジュアルの方向性を示して、コーディングエージェントにランディングページやダッシュボードの新規作成を依頼する
• 既存画面の読みやすさ、ナビゲーション、画一的なパターンの繰り返しをレビューする
• ローカルの開発サーバーを検査し、モバイル幅でのコントラスト不足や横方向のはみ出しを確認する
• UIの修正後に、同じ問題が残っていないか確かめる

クイックスタート

1. 1

   npmを使ってスキルをプロジェクトにインストールします

   npx flawless-ui-ux@latest install
2. 2

   コーディングエージェントに、スキルを使ってインターフェースを構築またはレビューするよう依頼します

使う前に知っておきたいこと

• !Node 22.12以降が必要です。
• !ブラウザーを使った検査を実行するには、Playwright Chromiumのインストールが必要です。
• !検査では少数のビューポートのみを対象とし、WCAGへの完全準拠を証明するものではありません。

収録されている特集

トピック

よくある質問

flawless-ui-ux とは？

コーディングエージェント向けのUI/UX設計スキル。インターフェースの構築、再設計、レビューを支援し、実行中のページをCLIで検査してアクセシビリティやレイアウトの問題を報告します。 flawless-ui-uxは、Codex、Claude Code、OpenCode、Cursorなどのコーディングエージェントに、インターフェース設計の指針を提供するスキルパッケージです。ユーザー層、コンテンツ、アイデンティティを、構成、タイポグラフィ、色、情報密度、インタラクションに結び付け、新しい画面の作成、既存画面の再設計、細部の調整、ファイルを編集しないレビューを支援します。

flawless-ui-ux は無料で使えますか？ライセンスは？

flawless-ui-ux は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

flawless-ui-ux は今もメンテナンスされていますか？

活発にメンテナンス中。flawless-ui-ux の最終コミットは 2026年11月6日 です。

flawless-ui-ux は何に使えますか？

明確なビジュアルの方向性を示して、コーディングエージェントにランディングページやダッシュボードの新規作成を依頼する 既存画面の読みやすさ、ナビゲーション、画一的なパターンの繰り返しをレビューする ローカルの開発サーバーを検査し、モバイル幅でのコントラスト不足や横方向のはみ出しを確認する UIの修正後に、同じ問題が残っていないか確かめる

flawless-ui-ux のインストール方法は？

npmを使ってスキルをプロジェクトにインストールします: npx flawless-ui-ux@latest install コーディングエージェントに、スキルを使ってインターフェースを構築またはレビューするよう依頼します

flawless-ui-ux はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/smokeeaasd/flawless-ui-ux