component-composition-patterns
コンポーネント合成パターンを用いた再利用可能なUI構造設計を支援するスキル。 Compound Components、Polymorphic Components、Slot Pattern の選定と設計手順を整理する。 Anchors: • Don't Make Me Think / 適用: UI設計・...
Browse published AI skills maintained by daishiman. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
288Repository stars across indexed skills
1,445Repository forks
0Average repository stars per indexed skill
5Repository stars may repeat across skills from the same repository.
コンポーネント合成パターンを用いた再利用可能なUI構造設計を支援するスキル。 Compound Components、Polymorphic Components、Slot Pattern の選定と設計手順を整理する。 Anchors: • Don't Make Me Think / 適用: UI設計・...
Node.jsアプリケーションのメモリ監視とリーク検出パターン。PM2、V8ヒープ分析、メモリプロファイリングを活用した効率的メモリ管理を提供。 Anchors: • Observability Engineering / 適用: メモリメトリクスとアラート / 目...
大容量ファイルのマルチパートアップロードを専門とするスキル。 ネットワークの不安定性を前提とした堅牢なファイル転送を設計し、 チャンク分割、リトライ、進捗追跡、チェックサム検証を統合的に提供する。 Anchors: • Com...
ファイル監視システムの可観測性(Observability)を3本柱(Metrics、Logs、Traces)に基づいて実装するスキル。Prometheus/Grafana統合でSLA遵守測定、パフォーマンス監視、障害根本原因分析を支援。 Anchors: • Observabili...
スプリント計画の体系的な立案と実行管理を支援するスキル。 チームキャパシティの可視化、タスク分解、リスク管理を通じて、 価値提供と持続可能な速度(サステーナブルペース)を両立させる。 Anchors: • Agile Estimating...
高度なコマンド設計パターンを整理し、パイプライン/メタコマンド/インタラクティブ設計を支援するスキル。 パターン選定、テンプレート適用、検証手順を一貫して整理する。 Anchors: • The Pragmatic Programmer (Andrew Hun...
曖昧性検出と除去スキル。定性的・不明確な表現を具体的・測定可能な要件に変換します。 Anchors: • Don't Make Me Think(Steve Krug)/ 適用: ユーザビリティ判断とUI明確性 / 目的: ユーザーが「考えずに理解できる」表現...
GitHub Actions再利用可能ワークフローの専門スキル。 ワークフロー共有、入力・出力設計、シークレット管理を提供します。 Anchors: • 『Continuous Delivery』(Jez Humble) / 適用: CI/CD / 目的: パイプライン設計と自動...
MCPのリソース指向API設計パターンを提供。URIスキーム設計、リソースモデル定義、 プロバイダー実装、キャッシュ戦略、リソース変換パターンを網羅する。 Anchors: • RESTful Web APIs (Leonard Richardson) / 適用: リソー...
運用ランブックの作成・保守スキル。本番システムの障害対応、トラブルシューティング手順、 リカバリーワークフロー、運用知識の共有を標準化し、信頼性の高いシステム運用を実現する。 Anchors: • Site Reliability Enginee...
複雑な問題を分解し、推論の流れを整理して短い根拠サマリーを作成するスキル。 前提整理、論点分解、選択肢比較、判断理由の要約を通じて、説明責任のあるアウトプットを作る。 Anchors: • The Pragmatic Programmer / 適用:...
Chokidarライブラリを中心としたファイルシステム監視の専門スキル。 Observer Patternによる効率的なファイル変更検知、クロスプラットフォーム対応、 EventEmitterによる疎結合な通知システムを設計・実装する。 Anchors: •...
Node.jsプロセスのライフサイクル管理を専門とするスキル。 Linuxカーネルのプロセス管理思想に基づき、プロセスの生成、実行、 監視、終了までの完全な制御と、シグナル処理、ゾンビプロセス回避を設計します。 Anchors: • T...
モジュラーアーキテクチャとコンポーネント分割の設計スキル。 高凝集・低結合の原則に基づいたシステム設計、依存関係管理、 スケーラブルなアーキテクチャパターンの実装を支援する。 Anchors: • Clean Architecture (Rober...
ドキュメント構造設計・リソース分割・階層設計を専門とするスキル。 500行制約に基づく適切なファイル分割とトピックベース組織化により、 保守性と発見可能性の高いドキュメントアーキテクチャを実現する。 Anchors: • Info...
フォームバリデーション設計と実装を支援するスキル。Zod/react-hook-formを用いたクライアント・サーバー両面の検証、エラーメッセージ設計、テスト実装を提供。 Anchors: • Designing Data-Intensive Applications(M. Klep...
プラグインアーキテクチャの専門スキル。レジストリパターン、動的ロード、依存性注入を活用し、拡張可能なシステム設計を提供する。 Anchors: • Clean Architecture (Robert C. Martin) / 適用: 拡張性設計 / 目的: 柔軟性確...
HTTPセキュリティヘッダー設定の専門スキル。 CSP、HSTS、X-Frame-Options、CSRF対策などの設計・実装・検証を体系的に提供する。 Next.js/Express/Nginx等の環境に対応した具体的な実装パターンを含む。 Anchors: • OWASP Se...
Reactにおける状態リフティングと状態配置判断を支援するスキル。 兄弟コンポーネント間の状態共有、Prop Drilling削減、Context導入判断、 Compound Componentパターンまで、React状態管理の全体像を扱う。 Anchors: • React...
Reactアプリのデータフェッチ、キャッシュ、エラーハンドリング、楽観的更新を整理するスキル。 ライブラリ選定から設計・実装・検証までの実務フローを提供する。 Anchors: • Stale-While-Revalidate Pattern / 適用: キャッ...
AIWorkflowOrchestratorプロジェクトの仕様管理スキル。 仕様書を検索・参照するためのインターフェース。 references/配下に全仕様を格納し、キーワード検索で必要な情報に素早くアクセス。 Anchors: • Specification-Driven...
機能フラグ(Feature Flag/Feature Toggle)による段階的リリースとA/Bテスト実装スキル。 リスク管理とカナリアリリースを可能にし、本番環境での安全な機能展開を実現します。 Anchors: • Feature Toggles (Pete Hodgson -...
データベースバックアップ戦略、RPO/RTO設計、復旧ランブック作成、検証運用を体系化するスキル。 多層防御と復旧演習を通じて、復旧準備の抜け漏れを防ぐ。 Anchors: • Database Reliability Engineering / 適用: 信頼性設計...
一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。 デザイントークン、コンポーネント規約、Figma/コード同期を体系化する。 Anchors: • Atomic Design / 適用: コンポーネント階層設計 / 目的: 構造の...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.