Niche Works 実用辞典シリーズ

UI Atlas Pro

無料版はUIパターン辞典です。Pro版はUI選定を実装判断、引き継ぎ資料、レビューチェックリスト、出力可能な仕様文面に変えるツールです。

無料版: 100件 無料版: 2件比較 無料版: UIパターン辞典 Pro: 150件 Pro: 5件比較 Pro: Pro専用50件 Pro: 5モード引き継ぎ生成 Pro: Markdown / JSON出力
English

NicheWorks Pro Unlock

NicheWorks Proを購入 — $2.99

無料版: 100件、2件比較、UIパターン辞典。

Pro: 150件、5件比較、Pro専用50件、5モード引き継ぎ生成、Markdown / JSON出力。

NicheWorks Proを購入 — $2.99

購入後、Stripeは /pro/unlock/?session_id={CHECKOUT_SESSION_ID} に戻り、共通の nicheworks_pro 解放フローを実行します。

無料版100件、2件比較、UIパターン辞典。
Pro150件、5件比較、Pro専用50件、5モード引き継ぎ生成、Markdown / JSON出力。
共通Pro共通Payment Link、/assets/nw-pro.jsNWPro.getLocalStatus()、共通 nicheworks_pro 権限を使います。

無料版でできること

無料版は、実装前に代表的なUIパターンを調べるための基本的なUIパターン辞典です。

Pro版でできること

Pro版は、選んだUIパターンをデザイン・プロダクト・実装に渡せる判断資料へ変えるUI実装判断・引き継ぎ資料生成ツールです。

PreviewモードとPro解放済みの違い

Previewモード

このブラウザでは共通Proがまだ有効ではありません。

できること:

  • 無料100件を見る。
  • 2件まで比較する。
  • Pro-only 50件を locked preview で見る。
  • Pro出力の形式をPreviewとして見る。
  • 購入ボタンを押す。

できないこと:

  • 3〜5件比較。
  • Pro-only詳細表示。
  • Preview表示ではないFull Markdown Export。
  • Preview表示ではないJSON Export。
  • Preview表示ではないCopy all出力。

Pro解放済み

このブラウザでは共通Proが有効です。

できること:

  • 150件すべて見る。
  • Pro-only 50件の詳細を見る。
  • 最大5件比較する。
  • Decision Memo生成。
  • Compare Memo生成。
  • Codex / GitHub Issue Prompt生成。
  • Acceptance Criteria生成。
  • Accessibility / Mobile Review生成。
  • Full Markdown / JSON Export。
  • Copy all。

Pro専用サンプルバンク

管理画面、AI、請求、データ、コンプライアンス系の高度なUIケース50件。

Pro専用サンプルバンクは、無料版では locked preview として見え、Proでは詳細と比較対象として使える、より実装判断に近いUIケース群です。

1. Complex Admin UI

権限マトリクス、監査ログ、 bulk action、 danger zone、ロール変更フロー。

2. AI / Agent UI

AI draft diff、人間の承認ゲート、エージェントタイムライン、信頼度説明、権限リクエスト。

3. Billing / Account UI

プラン比較、使用量メーター、決済失敗復旧、シート管理、ダウングレード警告。

4. Search / Data / Dashboard UI

高度なフィルタ、ドリルダウンパネル、異常値説明、レポート出力、鮮度バナー。

5. Compliance / Risk / Review UI

同意レビュー、プライバシーマトリクス、センシティブ操作承認、法務確認、セキュリティ警告。

5-mode Pro Generator

Proでは、選択したUIパターンや比較結果を実装に渡せる資料へ変換する5モードを解放します。

モード価値
1. 判断メモ採用パターン、理由、却下案、リスク、検証計画を整理します。
2. 複数UI比較複数候補のトレードオフ、推奨、アクセシビリティ・モバイル・実装リスクを整理します。
3. Codex / GitHub Issue依頼文役割、文脈、制約、UI要件、状態、受け入れ条件を含む依頼文を作ります。
4. 受け入れ条件デスクトップ、モバイル、キーボード、フォーカス、読み込み、空、エラー、長文、reduced motionを確認できる条件を用意します。
5. Markdown一括出力Issue、仕様、実装メモに貼れるMarkdown文書としてまとめます。

購入後について

購入後、Stripeは /pro/unlock/?session_id={CHECKOUT_SESSION_ID} に戻ります。この共通解放ページがD1上の nicheworks_pro 権限を確認し、対応ツールで使うための補助状態をブラウザに保存します。

同じブラウザでは、タブやブラウザを閉じても通常Pro状態は維持されます。ただし、別ブラウザ・別端末・シークレットモード・サイトデータ削除後は再度解放が必要になる場合があります。localStorageは補助状態であり、D1 pro_entitlements がサーバー側の正です。

このプロジェクトを支援

Pro Unlockではなく寄付で支援したい場合はこちらも利用できます。