「architecture」の検索結果

Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid.

日本語の概要は準備中です。原文の説明を表示しています。

計画や設計を掘り下げる質問を重ね、内容を具体化しながら設計判断の記録と用語集も作ります。検討と文書化を同じ対話の中で進めたいときに使うスキルです。

• 質問に答えながら計画を詰めたいとき
• 対話で設計を掘り下げたいとき
• 検討中に設計判断を記録したいとき

Vue.js 3やNuxtの画面実装を、部品の設計から状態管理、画面遷移、テストまで支えるスキル。具体例に沿ってコードの構成やデータ更新の扱いを見直します。

• Vueコンポーネントの構成レビュー
• 部品間で再利用する処理の切り出し
• Piniaで共有状態を設計したいとき

JavaのSpring Bootで、APIやデータ処理の実装・レビューを支援するスキル。処理の役割分担から入力検証、例外処理、キャッシュ、非同期処理、ログまで扱います。

• API設計と処理の役割分担
• データアクセスやトランザクションの確認
• 入力検証と共通の例外処理の追加

SwiftUIの画面づくりで、状態管理、部品の分割、画面遷移、描画性能を整えるスキル。iOS・macOS向けの実装やレビューを具体例で支えます。

• SwiftUIの状態管理を選びたいとき
• NavigationStackの遷移設計
• 一覧の描画性能を改善したいとき

Node.js、Express、Next.jsのAPIとデータ処理を設計・見直すスキル。役割の分離、データベース最適化、キャッシュ、認証の実装例を示します。

• APIの設計と処理の役割分担
• データベースの問い合わせを減らしたいとき
• データ取得にキャッシュを追加したいとき

React NativeとExpoのアプリで、画面遷移・状態管理・データ取得を設計します。長い一覧の表示、フォーム、端末機能の利用、認証情報の保存方法も扱います。

• Expoで画面と画面遷移を作りたいとき
• 取得データと画面の状態を整理したいとき
• 長い一覧の表示を改善したいとき

NestJSのAPIやサービスを設計・レビューするスキル。機能別のコード構成、入力検証、認証、例外処理、環境設定、テストを整理し、実運用に向けた実装を支援します。

• NestJSのAPI構成を決めたいとき
• 入力検証とアクセス制御の実装
• 例外処理と環境設定のレビュー

技術の仕組みやグラフ、システム構成、製品の流れをManimのアニメーションで説明し、絵コンテとシーン計画、短い動画、サムネイルを作るスキル。

• 技術の仕組みを動画で説明したいとき
• グラフやネットワークの変化を可視化
• 業務フローやシステム構成の説明

LaravelのWebアプリやAPIを、役割の分かれた構成で実装・レビューします。データ取得、入力検証、API応答、キューやキャッシュを整理し、保守しやすい設計を支援します。

• コントローラーをサービスとActionsに分けたいとき
• Eloquentの関連付けと過剰なクエリの点検
• API応答・ページ分割・入力検証の統一

Flutter/Dartのコードを、状態管理ライブラリごとの慣習に沿ってレビューします。画面構成や非同期処理から、性能・テスト・アクセシビリティ・安全性まで点検します。

• Flutterアプリの公開前レビュー
• 状態管理の設計を確認したいとき
• 不要な画面再構築を調べたいとき

業務ロジックをデータベースや外部APIから分離し、明確な境界とテストを設けながら、新規サービスの設計や既存コードの段階的な改修を支援するスキル。

• 業務ルールとDB・API呼び出しの分離
• HTTP・CLI・ワーカーで処理を共用
• 業務ルールを保って外部基盤を交換

Djangoアプリの構成、API設計、データ取得、キャッシュの実装とレビューを支援します。環境別の設定分離や処理の整理、不要な問い合わせを減らす設計例を示します。

• Djangoの構成と設定の整理
• Django REST FrameworkのAPI設計
• 不要なデータベース問い合わせの削減

新機能や企画案を、PM・設計・開発・QAの4つの立場から同時に検討します。各役割の懸念や最初の行動を整理し、共通点と意見の対立をまとめるスキルです。

• 新機能を4つの立場で検討したいとき
• 実装前に提案の懸念を確認したいとき
• 新しい取り組みの初動を整理したいとき

Claude Codeで開発作業を繰り返し進める自律ループの設計を案内します。順次実行から並列作業まで、履歴の引き継ぎや品質確認、停止条件を整理します。

• 順次実行の開発手順を設計したいとき
• 反復実行で進捗を引き継ぎたいとき
• 並列作業と変更の統合を調整したいとき

初めて触るコードの構成や処理の流れ、開発ルールを調べ、参加時の案内資料とCLAUDE.mdを作成します。変更したい作業ごとの参照先も整理します。

• 新しいチームでコードの全体像を知りたいとき
• 既存プロジェクトでClaude Codeを導入
• 開発ルールからCLAUDE.mdを作りたいとき

Claude Codeで複数の専門エージェントに仕事を振り分け、記憶や進捗をファイルに残しながら、セッションをまたぐ継続作業と定期実行を設計するスキル。

• 開発と執筆の担当を連携させたいとき
• セッション間で背景を引き継ぎたいとき
• 毎朝の状況確認を定期実行したいとき

既存プロジェクトの設計に合わせて、外部APIとの連携機能を追加するスキル。設定、認証、エラー処理から登録、テストまで、既存の実装方式に沿って整えます。

• 既存プロジェクトへのJira連携追加
• 既存方式に沿ったSlack連携の実装
• 連携機能の登録とテストを整えたいとき

Node.js、Express、Next.jsのAPIとデータ処理を設計・レビューするスキル。DBへの問い合わせ、キャッシュ、認証、エラー処理を整理します。

• API設計と業務処理・データ取得の分離
• 重複するDB問い合わせを減らしたいとき
• キャッシュと非同期処理の導入

配布済みアプリやバイナリ、パッケージをREAで解析し、機能や版ごとの違いを調べます。逆コンパイルや実行時の観測を使い、根拠と不明点を分けて説明します。

• 配布済みアプリの機能を調べたいとき
• アプリのバージョン間の動作比較
• バイナリや同梱リソースの解析

コード内の関数や呼び出し関係、処理の流れをつながりの図にし、ブラウザー上で探索できるようにします。Cloudflare経由で遠隔共有にも対応するスキルです。

• 初めて触るコードの構成把握
• 関数の呼び出しや実行の流れの確認
• 操作できるコードの図を遠隔共有したいとき

文章やMermaidから、システム構成や業務の流れを操作できるHTML図に変換します。検索や関係の追跡、画像・動画への書き出しに対応し、9項目の検証結果も添えます。

• 操作できるシステム構成図の共有
• 業務手順やデータの流れの可視化
• MermaidをHTML図にしたいとき

Claude Codeのプラグインを作る際に、設定ファイルやコマンド、スキルの配置を整理し、自動読み込みと環境に依存しないパス設定を案内します。

• プラグインのひな形を作りたいとき
• コマンドやスキルの配置整理
• インストール先に依存しないパス設定

AIから外部の処理やデータを使うMCPサーバーを、mcp-useで設計・実装するためのガイド。認証、操作画面、エラー処理、公開までを案内します。

• MCPサーバーを新規作成したいとき
• 処理・データ・定型プロンプトの追加
• 一覧や選択用のReact画面を作りたいとき