スクリプト
モックアップを見ながら手作業でピクセル調整、アクセシビリティは後回し。
一言でコンポーネント、レビューは一発通過。
このラインに 16 個のスキル
OpenAPI、Swagger、GraphQLのスキーマがバックエンドの実装と一致することを検証します。破壊的な変更を検出し、TypeScriptクライアントを生成し、APIドキュメントが同期された状態を維持します。API仕様ファイル（.yaml、.json、.graphql）で作業する場合、APIの変更をレビューする場合、フロントエンドの型を生成する場合、またはエンドポイントの実装を検証する場合に使用します。
Better Auth（フレームワークに依存しないTypeScript認証フレームワーク）を使用して認証と承認を実装します。機能には、確認付きのメール/パスワード認証、OAuthプロバイダー（Google、GitHub、Discordなど）、2要素認証（TOTP、SMS）、パスキー/WebAuthnのサポート、セッション管理、ロールベースのアクセス制御（RBAC）、レート制限、データベースアダプターが含まれます。アプリケーションに認証を追加する場合、OAuthフローを実装する場合、2FA/MFAを設定する場合、ユーザーセッションを管理する場合、承認規則を構成する場合、またはWebアプリケーションの安全な認証システムを構築する場合に使用します。
任意のプロジェクトタイプのCLAUDE.mdファイルを、ベストプラクティス、モジュラーアーキテクチャのサポート、テックスタックのカスタマイズを使用して分析、生成、強化します。新しいプロジェクトの設定、既存のCLAUDE.mdファイルの改善、AI支援開発基準の確立の際に使用します。
React Nativeアプリのファイルベースルーティング用Expo Routerのエキスパート。ナビゲーション、レイアウト、動的ルート、ディープリンク、TypeScript統合をカバー。ユーザーがExpo Router、ファイルベースルーティング、ナビゲーション、appディレクトリ、またはExpoのルーティングに言及した場合に呼び出します。
高いデザインクオリティを持つ独特のプロダクションレベルのフロントエンドインターフェースを作成します。ユーザーがウェブコンポーネント、ページ、またはアプリケーションの構築を要求した場合にこのスキルを使用します。汎用的なAIの美観を避けた創造的で洗練されたコードを生成します。
React/TypeScriptアプリケーションのフロントエンド開発ガイドライン。Suspense、レイジーローディング、useSuspenseQuery、機能別ディレクトリによるファイル構成、MUI v7スタイリング、TanStack Router、パフォーマンス最適化、TypeScriptのベストプラクティスなどの現代的なパターン。コンポーネント、ページ、機能の作成、データ取得、スタイリング、ルーティング、またはフロントエンドコードの作業を行う際に使用します。
インタラクティブなHTMLプレゼンテーションを6つのタブ（Overview、Requirements、Architecture/C4、Tech Spec、Roadmap、Guides）で構築する。presentation/README.mdハブを作成する。ln-110-documents-pipelineの下で動作する。
Plaid 銀行 API 統合（Link、Auth、Transactions、Identity、および webhook 処理を含む）の専門的なガイダンス。ユーザーが Plaid、銀行接続、金融データ、ACH、または銀行 API に言及した場合に呼び出します。
Ply の完全な実装と設計ガイド。ply-engine API、plyx ワークフロー、または Rust で Ply を使って UI を構築するタスクの際に、このスキルを使用してください。
高度な7つの質問フローにより、あらゆる役割、業界、タスクに対する本番環境で使用可能なメガプロンプトを生成する世界クラスのプロンプトパワーハウス。15の専門領域（テクニカル、ビジネス、クリエイティブ、法務、ファイナンス、HR、デザイン、カスタマー、エグゼクティブ、マニュファクチャリング、R&D、規制、特殊テクニカル、研究、クリエイティブメディア）にわたる69の総合プリセット、複数の出力形式（XML/Claude/ChatGPT/Gemini）、品質検証ゲート、OpenAI/Anthropic/Googleの文脈別ベストプラクティスを搭載。コアモードとアドバンスドモードの両方をサポートし、テストシナリオとプロンプトのバリエーションを提供。
Anthropicのベストプラクティスに従ってClaude Codeスキルを作成および管理します。新しいスキルの作成、skill-rules.jsonの変更、トリガーパターンの理解、フックの使用、スキルアクティベーションのデバッグ、または漸進的開示の実装時に使用します。スキル構造、YAMLフロントマター、トリガータイプ（キーワード、インテントパターン、ファイルパス、コンテンツパターン）、執行レベル（ブロック、提案、警告）、フックメカニズム（UserPromptSubmit、PreToolUse）、セッション追跡、および500行ルールをカバーします。
自動的にターミナルウィンドウのタイトルを更新して、現在の高レベルタスクを反映します。ユーザーが最初のプロンプトを提供したときの各Claude Codeセッションの開始時、およびユーザーが明確に新しい高レベルタスクに切り替えるたびに使用します。各ターミナルが何を処理しているかを一目で明確に識別することで、開発者が複数のClaude Codeターミナルを管理するのに役立ちます。
Web、モバイル、デスクトップ向けの UI/UX デザイン支援。ページ、コンポーネント、デザインシステム、アクセシビリティ、インタラクション、レスポンシブレイアウト、タイポグラフィ、カラー、チャート、スタック固有の UI 実装を含む、インターフェースの設計・構築・レビュー・修正時に使用します。検索可能なローカルデータ：検索可能なスタイル 79 件（アクティブ 50 件）、プロダクトパレットと推論プロファイル 192 件、フォントペア 74 件、UX ガイドライン 119 件、アイコン 105 件、GSAP プリセット 17 件、チャートタイプ 25 件、スタック 22 件。