画面デザインの方向性を比べるため、操作できるHTMLの試作を2〜3案作ります。レイアウトや情報量の違いを見比べ、各案の長所と弱点から採用案を検討します。
- 実装前に画面レイアウトを比較
- 情報量と余白の違いを試したいとき
- フィルターやパネル操作の試作
7,332 件 ・ 関連度順
概要と使いどころ
画面デザインの方向性を比べるため、操作できるHTMLの試作を2〜3案作ります。レイアウトや情報量の違いを見比べ、各案の長所と弱点から採用案を検討します。
機能追加やリファクタリング、PRレビューをOpenCode CLIに任せ、長時間の作業の進捗確認、セッション再開、変更内容やテスト結果の報告まで扱います。
コードの作成・レビュー・修正で、前提の確認、最小限の実装、変更範囲の限定、テストによる検証を促し、AIが起こしやすい実装ミスを減らすための指針です。
Claude Codeの操作前後や終了時に処理を動かすフックの作成を支援します。危険な操作の検証、完了確認、開始時の情報読み込みを設定し、テストまで扱います。
開発計画の目的や前提を問い直し、複数の実現案と実施範囲を比較します。設計・セキュリティ・テストなどの観点から問題を洗い出し、実装前の判断を支えるスキル。
曖昧な要望を5段階で実装に使える仕様へ整理し、GitHubのIssueとして登録。必要に応じて専用の作業環境でClaude Codeによる実装開始にもつなげるスキル。
実装前のUI/UX計画をデザイナーの視点で点検し、各観点を10点満点で評価。足りない設計判断を対話で明らかにし、改善内容を計画そのものに反映するスキル。
shadcn/uiとTailwind CSSを使い、操作しやすいフォームや表、画面幅に応じたレイアウトを実装。配色やダークモードも統一するスキル。
Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。
データやAPI、設定、依存関係の移行を、互換性と既存データを保ちながら進めます。切り戻し手順や新旧両方の動作確認を含め、段階的な変更を支援します。
曖昧なアイデアを、目的・作業範囲・完了条件が分かる仕様書にまとめます。複数機能の分割や依存関係も整理し、人の承認を挟みながら計画・タスク化・実装へ進めるスキルです。
MCPや外部サービスとの連携を調査し、根拠付きの計画をPRにまとめます。特定の調査版への人の承認後、接続ごとにPaperclipの実装と検証を進めるスキルです。
Create a detailed, phased implementation plan with documentation discovery. Use when asked to plan a feature, task, or multi-step implementation — especially before executing with do.
日本語の概要は準備中です。原文の説明を表示しています。
Complete security architecture overhaul for claude-flow v3. Addresses critical CVEs (CVE-1, CVE-2, CVE-3) and implements secure-by-default patterns. Use for security-first v3 implementation.
日本語の概要は準備中です。原文の説明を表示しています。
Implement adaptive learning with ReasoningBank for pattern recognition, strategy optimization, and continuous improvement. Use when building self-learning agents, optimizing workflows, or implementing meta-cognitive systems.
日本語の概要は準備中です。原文の説明を表示しています。
Deep agentic-flow@alpha integration implementing ADR-001. Eliminates 10,000+ duplicate lines by building claude-flow as specialized extension rather than parallel implementation.
日本語の概要は準備中です。原文の説明を表示しています。
Implement ReasoningBank adaptive learning with AgentDB's 150x faster vector database. Includes trajectory tracking, verdict judgment, memory distillation, and pattern recognition. Use when building self-learning agents, optimizing decision-making, or implementing experience replay systems.
日本語の概要は準備中です。原文の説明を表示しています。
Improve test value and feedback cost when auditing slow, flaky, redundant or brittle tests; choosing tests during implementation; or reviewing test changes before a commit or PR. Keep ordinary implementation and pre-commit use scoped to the affected behavior, not a repository-wide audit.
日本語の概要は準備中です。原文の説明を表示しています。
Run the SPARC Pseudocode and Architecture phases (2 and 3) — write algorithm pseudocode, design module boundaries and API contracts, then implement
日本語の概要は準備中です。原文の説明を表示しています。
Implement adaptive learning with ReasoningBank for pattern recognition, strategy optimization, and continuous improvement. Use when building self-learning agents, optimizing workflows, or implementing meta-cognitive systems.
日本語の概要は準備中です。原文の説明を表示しています。
Deep agentic-flow@alpha integration implementing ADR-001. Eliminates 10,000+ duplicate lines by building claude-flow as specialized extension rather than parallel implementation.
日本語の概要は準備中です。原文の説明を表示しています。
Complete security architecture overhaul for claude-flow v3. Addresses critical CVEs (CVE-1, CVE-2, CVE-3) and implements secure-by-default patterns. Use for security-first v3 implementation.
日本語の概要は準備中です。原文の説明を表示しています。
Implement ReasoningBank adaptive learning with AgentDB's 150x faster vector database. Includes trajectory tracking, verdict judgment, memory distillation, and pattern recognition. Use when building self-learning agents, optimizing decision-making, or implementing experience replay systems.
日本語の概要は準備中です。原文の説明を表示しています。
Verify implementation matches OpenSpec change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving. Also use when the user says "openspec verify" or "opsx verify".
日本語の概要は準備中です。原文の説明を表示しています。