「state」の検索結果

Paperclipの画面部品をStorybookと本番用ソース、既存のブラウザーテストで確認し、表示・操作・見た目の比較・本番での検証を分けて報告するスキル。

• 機能変更後の画面部品を確認したいとき
• エラー・権限・モバイル表示の確認
• Storybookの案内やリンクの確認

Paperclipの課題スレッドに承認や質問などの新しい操作カードを追加する際、共通の型定義からサーバー、画面、外部連携、テストまでの実装を案内します。

• 課題スレッドに承認カードを追加したいとき
• 新しい回答形式の操作を作りたいとき
• 各層の実装漏れを確認したいとき

Paperclipのタスクが止まる原因や、復旧処理が繰り返される理由を記録から調べ、コードを変更せずに再発防止の運用ルールと段階的な計画をまとめます。

• タスク群の停止箇所を特定したいとき
• 継続処理や復旧処理のループ調査
• 人の対応待ちと再開可能な仕事の切り分け

Paperclipの既存エージェントから依頼に合う担当を選び、目的・制約・成果物を明記したタスクを作成して、会話終了後も参照できるIDとリンクを返すスキル。

• 既存エージェントに作業を任せたいとき
• 制約と成果物を明記したタスク作成
• 会話終了後も追える依頼の記録

Paperclipの画面や部品を、既存の色・文字・状態表示・操作の規則に合わせて作成・修正し、再利用する部品と見本ページも一緒に整えるスキル。

• 既存の規則に沿ってページを追加
• 再利用できるUI部品の作成
• 状態の色や優先度アイコンの統一

Paperclipの作業計画に、目指す成果・制約・進め方・成功の確認方法をまとめ、実行前の不確実な点や判断事項を整理するスキルです。

• 成果と確認方法を含む計画の作成
• 着手前の不確実な点の整理
• 既存計画を重複させず更新

画面や操作フローを利用者の目的に照らして点検し、見やすさ、操作の分かりやすさ、エラー時の案内などの改善点を、理由と優先順位付きで整理するスキル。

• 画面やモックへの意見が欲しいとき
• 機能公開前の使いやすさ確認
• 途中離脱が疑われるフローの点検

機能変更の合否を判断できる受け入れ基準と手動検証計画を作成します。正常系から境界値、エラー、性能まで整理し、判定に必要な証拠も明確にします。

• 機能変更をQAに渡したいとき
• 画面動作を変えたPRのレビュー
• 障害後の再発確認

メモや文書から聴衆の理解を進める発表構成を作り、各ページの画像・図・動画と制作指示を整理するスキル。描画後は構成との一致を最大3回点検します。

• メモや文字起こしから発表を構成したいとき
• 各スライドの画像・図・動画を計画したいとき
• HTMLスライドやPPTXの制作指示書作成

シリーズAの資金調達に向け、成長実績や事業拡大の筋道を投資家に伝えるHTMLスライドを作成します。大きな文字と赤い差し色で、主要な論点を示します。

• シリーズAの資金調達資料を作りたいとき
• 成長実績と拡大計画を投資家に示したいとき
• 創業者のビジョンをスライドにしたいとき

差出人と請求先、明細、税額、合計、支払案内をまとめた印刷用の請求書を作るスキル。ブランドや文字組みの指定に沿って、1ページのHTMLに整えます。

• フリーランスの制作案件の請求書作成
• 明細・前受金・税額をまとめたいとき
• 支払案内付きの請求書を印刷したいとき

温かみのある白系の背景とセリフ体、細い罫線、広い余白を使い、投資家向け報告や講義資料を、誌面のように落ち着いた16:9のHTMLスライドにまとめます。

• 投資家向け報告資料の作成
• デザインレビューの発表
• 社内の方針共有

Google Stitchで画面を生成する際のデザイン方針をDESIGN.mdにまとめます。配色、書体、配置、動き、避ける表現を具体化し、画面間の統一に使います。

• Google Stitchの画面に共通ルールを作る
• 配色や書体、部品の振る舞いを文書化
• モバイル表示と動きのルールを定義

Webサイトや業務画面を、用途に合う見た目と動くコードまで仕上げるスキル。文字組み、配色、レイアウトに加え、スマートフォン表示や操作時の状態も整えます。

• 方向性のあるランディングページ制作
• 日常業務向けダッシュボードの設計
• 既存UIの見た目と操作を整えたいとき

ブラウザやElectronで画像を書き出せない、保存したファイルが0 KBになる問題を調査し、画像データの生成と保存経路を切り分けて修正するスキル。

• 書き出した画像が0 KBになるとき
• 保存ダイアログや書き込みの不具合調査
• Electronの画像保存を修正したいとき

TwitterやXの投稿に添える、引用文やデータの横長カードを作ります。中央の短い文章に著者名やハンドル、ブランドの透かしを添え、画像として共有しやすく整えます。

• 短い引用文を投稿画像にしたいとき
• データをカードで共有したいとき
• 著者情報付きで気づきを共有

claude-memに蓄積したプロジェクトの履歴を週ごとの物語形式にまとめ、前週から続く課題や判断の流れを追える連載形式のレポートを作るスキル。

• 開発の経緯を週ごとに振り返りたいとき
• 課題の発生から解決まで追いたいとき
• 長期の履歴を索引付きの章にしたいとき

複数のAIエージェントへ作業を割り振り、並列処理や順序付きの工程を組み立てます。情報共有、負荷分散、失敗時の再割り当てを含む連携を設定します。

• API・画面・テストを並列開発したいとき
• 設計からレビューまでの工程づくり
• エージェント間で仕様や状態を共有

AgentDBで経験データを使う学習プラグインを作成し、用途に合う学習手法の選択から、行動と報酬の記録、モデルの訓練・評価まで進めるスキルです。

• 過去の経験からエージェントを学習させたいとき
• ゲームや経路選択の意思決定を作りたいとき
• 複数エージェントの経験を学習に使いたいとき

AIエージェントが会話履歴や利用者の好みを保存し、次のセッションでも参照できるように、AgentDBで短期・長期の記憶と検索を実装するスキル。

• チャットに会話履歴を追加
• セッションをまたいで好みを記憶
• 成功した対話パターンを再利用

ランディングページや作品集を、目的と読者に合わせて設計する旧実験版です。レイアウトの変化・動き・情報密度を調整し、定型的な見た目を避けて配色や操作状態を整えます。

• 読者に合わせた紹介ページの設計
• 動きと情報量を調整した作品集制作
• 既存ブランドを生かしたサイト改修

Google Stitchで画面を生成するためのDESIGN.mdを作り、色・書体・部品・配置・動きのルールを、具体的な数値と自然言語で共有するスキル。

• Stitch用の共通デザイン方針の作成
• 複数画面の色や書体を統一したいとき
• モバイル配置とタップ領域の文書化

余白の広い見出しや隙間のないグリッド、スクロールに連動する動きを組み合わせ、Webページを実装します。注目から行動へ導く構成と、動きを抑える利用者設定への対応も扱います。

• 申し込みへ導くLPを作りたいとき
• スクロール連動のギャラリー制作
• 空きマスのない機能紹介グリッド設計

Orca の作業用ディレクトリやターミナル、内蔵ブラウザをCLIで操作し、別エージェントへの引き継ぎや成果物管理、スキル共有を進めるスキル。

• 子 worktree でエージェントを起動したいとき
• ターミナル出力の確認と入力送信
• Orca の内蔵ブラウザ操作