「red」の検索結果

プロジェクトの品質基準を数値とチェック方法付きで文書化し、テストの省略や警告の抑制、基準値の引き下げを差分から点検して、エージェント開発の品質を保つスキル。

• エージェント開発の品質基準を決めたいとき
• カバレッジや性能の目標値を選びたいとき
• テスト省略や警告の抑制を見つけたいとき

マージ前のコード変更を、正しさ・読みやすさ・設計・セキュリティ・性能の5軸でレビューし、修正が必要な問題と任意の提案を整理するスキルです。

• マージ前のプルリクエスト確認
• AIが書いたコードを確認したいとき
• リファクタリングの効果を確認

Paperclipの遅いPostgreSQLクエリを調査・修正し、ローカルで速度と結果の一致を検証して、テストを通したプルリクエストにまとめます。

• DBが原因と思われる応答遅延の調査
• 頻繁に実行されるクエリの負荷削減
• 修正前後の速度と結果を比較したいとき

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

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

エージェントがツールや権限、作業環境に感じた不満を、短い自由文でPaperclipに記録します。解決策を求めず、生の反応を残して本来の作業を続けるためのスキルです。

• エージェント用ツールへの不満の記録
• 権限や実行環境への不満を残したいとき
• 解決案のない反応を記録したいとき

割り当て済みのSlackボットで会話やスレッドを読み、参照リンク付きの要約、メッセージ送信、ファイル共有を行い、Paperclipのタスクとも連携するスキル。

• チャンネルの議論を出典付きで要約したいとき
• 会話を検索しスレッドの返信も確認したいとき
• 割り当て済みボットで結果やファイルを送りたいとき

HermesからPaperclipのタスク作成、コメント追加、状態更新、担当一覧の確認を行います。操作範囲を限定したAPIキーで、許可された仕事を連携します。

• 承認済み作業の子タスク作成
• 進捗をコメントに残したいとき
• レビュー待ちや停止状態の更新

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

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

Figmaファイルから要素の階層、色や文字などのデザイン設定、書き出し対象の画像素材を抽出するスキル。後続の変換や実装で使えるファイルとして保存します。

• Figmaの要素構造を抽出したいとき
• 色・文字・余白の設定を集めたいとき
• 実装用の素材を準備したいとき

モバイルアプリの画面遷移を、横に並べた3〜4枚のスマートフォン枠で可視化するスキル。灰色の仮配置、操作を示す矢印、注釈で利用の流れを整理します。

• 導入からホームまでの流れを整理したいとき
• 商品詳細から確認までの導線を見たいとき
• デザイン前に画面遷移を検討したいとき

新聞や雑誌の特集ページ風に、長文を読ませる一枚のHTMLポスターを制作。大きな見出しと6つの番号付きセクションで、意見や発表内容を組み立てます。

• 発表内容をポスターにしたいとき
• 活動理念を一枚にまとめたいとき
• 新聞風のエッセイポスター制作

チームの主要指標、7日間の推移、活動履歴、タスク一覧を、Notion風のHTML画面にまとめます。手動・自動更新に対応し、未接続時はサンプルデータで表示します。

• チームの指標とタスクを一覧したいとき
• Notion連携のダッシュボード作成
• サンプルデータでのオフライン確認

ブランドの説明をもとに、紙の質感とコラージュを使った雑誌風の縦長ランディングページを作るスキル。画面幅への対応やスクロール時の動きも組み込みます。

• ブランドの紹介ページを作りたいとき
• スタジオのサービスと実績を紹介したいとき
• 仮画像でページ構成を確認したいとき

新商品の魅力を伝えるHTMLメールを作成します。ブランドロゴ、商品ビジュアル、見出し、仕様一覧、行動を促すボタンを、中央配置の一列レイアウトにまとめます。

• 新商品の発売告知メールを作りたいとき
• ブランドのニュースレター制作
• 商品の仕様をメールで紹介したいとき

プロジェクト報告や障害レビュー向けに、暗いCRT端末風の16:9 HTMLスライドを制作。等幅文字、赤い警告表示、時系列や監査ログで情報を整理します。

• プロジェクトの振り返り報告
• インフラ障害の経過報告
• セキュリティレビューの整理

患者情報をもとに、回診・カンファレンス・記録向けの症例報告を構成し、病歴や検査結果、鑑別診断、問題別の対応計画を印刷向けHTMLにまとめるスキル。

• カンファレンスの症例発表準備
• 回診や引き継ぎの経過を要約したいとき
• 所見をSOAP形式に整理したいとき

まとまりのないスタートアップの説明資料を、意思決定に向けて構成し直し、パステルとネオンの色面や太い黒枠を使う統一デザインのHTMLスライドに仕上げるスキル。

• 取締役会向け資料を整えたいとき
• 制作会社の実績紹介資料づくり
• ブランド刷新案のレビュー

AIエージェントが画面を作る際に、複数の小さなUI部品へ共通の制作ルールを適用するためのスキル。インターフェース全体の一貫性を保つ指針として使います。

• 複数のUI部品の一貫性を保ちたいとき
• 画面制作の共通ルールをエージェントに渡す
• 制作計画にUIの制約を取り入れたいとき

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

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

Apple HIG、Material Design 3、WCAG 2.2に基づく300以上のルールを参照し、iOS・Android・Webに共通する画面設計を支えるスキル。

• iOS・Android・Web共通の画面設計
• HIGやMaterial Designを参照したいとき
• WCAG 2.2を踏まえた使いやすさの検討

文字組み、余白、配色、カードの重なり、控えめな動きを具体的なルールで整え、上質で落ち着いた印象のWebページをコードで制作するスキルです。

• 文字組みにこだわったLP制作
• 非対称なSaaS機能紹介の制作
• 柔らかな影と余白の作品紹介

画面のアニメーション実装を、動きの速さや自然さ、割り込み対応、描画性能、アクセシビリティの観点で点検します。修正案と理由を示し、承認可否を判断します。

• ドロップダウンやツールチップの動きの点検
• 連続操作への追従性を確認したいとき
• 描画性能を損なうアニメーションの発見

モバイルアプリの画面案や操作の流れを画像で作成。iOS・Androidなどの特徴を踏まえ、文字の読みやすさや配色、複数画面の統一感を整えます。

• アプリ企画を複数画面で可視化したいとき
• 初回利用の案内画面を考えたいとき
• ログインと復旧画面を検討したいとき

コードや文章の説明をもとに、Figmaの画面を作成・更新するスキル。デザインシステムの部品と、色や余白などの共通設定を使ってアプリ画面を再現します。

• アプリのコードをFigmaに移したいとき
• 文章の説明から画面を作りたいとき
• 共通部品を使った画面の更新