「rds」の検索結果

既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。

• 既存サイトのデザインを点検したいとき
• 定型的な画面パターンを見直したいとき
• 読み込み中・空データ・エラー表示の改善

既存のOD Next計画に必要な画像などの素材を準備します。利用可能な機能や素材を再利用し、取得・寸法確認・非同期処理の結果回収まで、要件を保って進めます。

• 既存計画に必要な素材をそろえたいとき
• 複数ページで既存素材を再利用したいとき
• 配置に使う素材の寸法確認

商品発表やSNS共有向けの縦長ポスターを作成。大きな見出し、鮮やかなグラデーション、要点カードを組み合わせ、伝えたい情報を一枚にまとめます。

• 新商品の縦長ポスターを作りたいとき
• SNSで共有する告知画像の作成
• 特徴3〜5点を一枚にまとめたいとき

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

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

入力した文章やデータを、いいね・リポスト・閲覧数付きのX風投稿カードに整え、動画への重ね表示や画像共有に使う単一HTMLを作るスキル。

• 動画に投稿カードを重ねたいとき
• 印象的な言葉を共有用カードにしたいとき
• 入力データを短い投稿文にまとめたいとき

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

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

温かみのあるモノトーンと文字の強弱、広い余白を使い、カードのグリッドや淡い差し色で、雑誌のように情報を整理したミニマルなWeb画面を設計するスキル。

• ミニマルなプロダクト画面を試作したいとき
• 機能紹介カードの非対称グリッド配置
• 書体・余白・配色を統一したいとき

曖昧なデザインの要望を、配色・書体・レイアウトなど８つの観点で具体化します。実装の基準となる仕様書とHTMLプレビューを作り、補った初期値も明示します。

• 曖昧なデザイン要望を具体化したいとき
• LPの配色・書体・余白の設計
• HTMLで見た目を確認したいとき

Anthropicの公式ブランドカラーとタイポグラフィを制作物に適用し、色や書体に一貫性を持たせます。独自のブランド指針を考える際の参考にも使えます。

• 公式ブランドカラーを適用したいとき
• 公式の指針に沿って文字を整えたいとき
• 制作物の見た目を統一したいとき

配色づくりや文字のコントラスト確認を、色彩科学の資料に基づいて支援します。色の命名、顔料の混色、歴史的な色彩理論まで、制作に関わる色の相談を扱います。

• デザインの配色を考えたいとき
• 文字と背景のコントラスト確認
• 色の名前を決めたいとき

fal.aiを使ったリアルタイム・ストリーミング画像生成で、ムードボードの方向性探しや下書きの別案づくりを支援し、制作初期の案を繰り返し試すスキルです。

• ムードボードの方向性を探したいとき
• 下書き画像の別案を作りたいとき
• 制作初期の案を繰り返し試したいとき

工業マニュアルや古い端末を思わせるWeb画面を、厳密なグリッド、大きな文字と細かなデータ表示、赤い差し色、紙や走査線の質感で設計するスキル。

• データ量の多いダッシュボードを試作したいとき
• 印刷物風のポートフォリオ制作
• 暗い端末風の画面を作りたいとき

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

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

ロゴ、配色、書体、画面や印刷物への展開例を一枚の画像にまとめるスキル。ブランドの目的や対象者を踏まえ、統一感のあるデザイン案を視覚化します。

• 新製品のブランドイメージを共有
• 意味のあるロゴ案を検討したいとき
• 配色・書体・使用例をまとめて確認

claude-memに蓄積した開発履歴を読み解き、設計の変遷や難題の解決、作業傾向、記憶活用によるトークン節約の推計を物語形式のレポートにまとめます。

• プロジェクトの開発史を振り返りたいとき
• 設計判断とその影響をたどりたいとき
• 不具合調査や作業の傾向を知りたいとき

Grok Bot上のclaude-memで、完了した作業を検索用のXML記録にまとめ、待機や初期化など記録不要の状態と区別して返すスキル。

• 完了した作業を検索用に記録したいとき
• 待機状態と記録対象を区別したいとき
• claude-memの記録形式を統一したいとき

機能追加や複数工程の開発に向けて、公式資料や既存の実装例を調べ、利用者にとっての完成像から各段階の作業・参照先・検証方法まで整理する計画作成スキルです。

• 機能追加の手順を固めたいとき
• 実装前にAPIの根拠を確認したいとき
• 開発を複数のチャットに分けたいとき

claude-memの作業記録をテーマや期間、ファイルで絞り込み、過去の判断や修正について会話で質問できる、目的別の知識ベースを作るスキル。

• 特定の技術テーマの知識を集めたいとき
• 指定期間の判断を振り返りたいとき
• サービスの修正履歴を会話で確認したいとき

claude-memが操作を記録し、次のセッションへ記憶を引き継ぐ仕組みを説明します。記憶が使われ始めるタイミングや保存場所、外部へ送られる情報も確認できます。

• claude-memによる操作の記録を理解したいとき
• 記憶がプロンプトに反映される時期を知りたいとき
• 記憶データや設定の保存場所を知りたいとき

RuViewの変更後にRustとPythonのテストや処理結果のハッシュを検証し、ファームウェアのハッシュ一覧と受け手が再確認できる証跡一式を作るスキル。

• 大きな変更後のRuView検証
• PRマージ前のテストと文書確認
• 受け手に渡す検証資料の作成

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

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

Claude Codeの操作前後に自動処理を組み込み、コード整形や検証、複数エージェントの連携、作業記録の保存と次回への引き継ぎを支えるスキル。

• 編集後の整形と検証を自動化したいとき
• 複数エージェントで進捗を共有したいとき
• 開発セッションを保存・復元したいとき

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

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

既存のWebサイトやアプリを点検し、文字・配色・レイアウト・操作時の表示を改善します。現在の技術構成と機能を保ちながら、画一的な見た目や不足している状態表示を整えます。

• AI生成の画一的な見た目を直したいとき
• 文字・配色・余白を整えたいとき
• 読み込み・空データ・エラー表示の追加