「style」の検索結果

既存コードから色・文字・余白などの共通ルールを抽出し、デザインの仕様書とプレビューを作るスキル。画面の統一感を10項目で評価し、修正箇所も示します。

• 既存コードからデザイン規則を作りたいとき
• リニューアル前の見た目の統一感確認
• スタイルを変更するPRのレビュー

文章や画像から画像・動画を生成し、読み上げ音声や映像に合う音も作るスキル。fal.aiでモデル選びから費用見積もり、生成状況の確認まで進めます。

• 文章からサムネイルや商品画像の作成
• 既存画像の画風を変えたいとき
• 静止画を動画にしたいとき

Angularの画面やサービスを作り、状態管理・フォーム・画面遷移の設計を支援します。使用バージョンに合わせて実装方針を選び、テストやビルド確認まで扱います。

• Angularアプリを新規作成したいとき
• フォームと状態管理を実装したいとき
• 画面遷移とアクセス制御の設計

記事やガイド、ニュースレターを、提供された文例やブランドの文体に合わせて執筆します。メモや調査資料の文章化から、既存原稿の構成・根拠の見直しまで扱います。

• メモや文字起こしを記事にしたいとき
• ブランドの文体でガイドを書きたいとき
• 既存原稿の構成と根拠を見直したいとき

文章やテーマをもとに、知識解説・伝記・手順説明の漫画を作るスキルです。画風やコマ割りを選び、構成案、登場人物の設定、画像生成用の指示とページ画像を整えます。

• 難しい概念を漫画で説明したいとき
• 人物の伝記を漫画にしたいとき
• 手順を漫画で紹介したいとき

Word文書の作成・読み取り・編集から、テンプレートへの差し込み、変更履歴やコメントの整理まで扱うスキル。見出し、表、画像を含む文書を操作できます。

• 表や画像を含むWord報告書の作成
• Wordテンプレートへのデータ差し込み
• 変更履歴の確認とコメント整理

ブログやメールなどの原稿から、AIに多い定型表現や過剰な装飾を見つけて整えるスキル。意味と意図した調子を保ち、書き手の文体見本にも合わせて推敲します。

• 公開前のブログ原稿の推敲
• メールやメモを自然にしたいとき
• 自分の文体に合わせた書き直し

メールのやり取り全体から返信や対応が必要な案件を分類し、優先順位を整理します。過去の送信メールを参考に返信案を作り、承認された送信や整理の結果を確認します。

• 今日の受信箱の優先順位を付ける
• 急ぎのメールへの返信案を作る
• 顧客や取引先への返信漏れを探す

色・文字・余白などのデザイン値と使い方をDESIGN.mdにまとめます。構造や配色のコントラストを検証し、変更比較やTailwind向けの書き出しまで支援するスキルです。

• スタイルガイドをエージェント向けに整理
• 複数プロジェクトのデザイン設定の共有
• 配色のコントラストと参照の検証

StripeやLinearなど54のサイトの配色・文字・余白を参考に、HTML/CSSのページを制作します。部品や画面幅に応じた表示も揃えるスキル。

• Stripeを参考にしたLP制作
• Linearを参考にしたダッシュボード制作
• 資料サイトのデザイン制作

ポスターや静止画作品を、配色・形・余白などのデザイン方針から制作します。文字を抑えた独自の構図をPNGやPDFにまとめ、方針の文書も添えます。

• テーマに沿った独自ポスターの制作
• 文字を抑えた抽象アートの制作
• 作品とデザイン方針を一緒に残したいとき

進捗報告、社内ニュースレター、FAQ、障害報告などを、文書の種類に応じたガイドに沿って、会社で使う形式や語調に合わせて作成する社内文書支援スキル。

• 進捗・計画・問題点のチーム共有
• 全社向けニュースレターの作成
• 社内のよくある質問への回答作成

Anthropicのブランド配色と書体を制作物に適用します。見出し・本文の文字づかいや背景に応じた色、図形のアクセントを整え、見た目を統一します。

• Anthropicの配色で資料を整えたいとき
• 見出しと本文の書体を統一
• 明暗の背景に合わせた文字色の調整

SNSのヘッダーや広告、Web・印刷向けのバナーを用途とサイズに合わせて制作。支給素材やCSSの図形を使い、複数のデザイン案を比較できます。

• SNSのヘッダーやカバーを作りたいとき
• 広告バナーのデザイン案を比較したいとき
• Webのメインビジュアル制作

ブランドの語り口や配色、書体、メッセージの基準を整え、制作物の一貫性を確認するスキル。素材の命名・形式の検証や、ガイドラインからデザイン設定への同期も支援します。

• ブランドの語り口を統一したいとき
• 配色と書体のガイドライン作成
• 販促素材のブランド整合性確認

Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。

• 新しい製品の配色と書体を選びたいとき
• フォームとキーボード操作のレビュー
• 小さな画面で崩れる表示の修正

写真風の画像やイラスト、商品モックアップなどを生成し、既存画像の背景変更や不要物の除去、透過処理、参考画像に基づく別案づくりにも使えるスキル。

• Webサイトのメイン画像づくり
• 商品やパッケージの完成イメージ検討
• 画像の不要物除去や背景変更

技術用語やコードの表記を保ちながら、エージェントの返答を文言文という中国語の古典文体に短縮します。画面上の文字数を抑えて要点を読むためのスキルです。

• 文言文で技術的な回答を読みたいとき
• 画面上の文字数を減らしたいとき
• コマンドやエラーの原文表記を維持

Paperclipの安定版リリースの変更履歴をもとに、Discord向け告知文を作成します。主要な変更や今後の予定をまとめ、担当者がコピーして投稿できる形に整えます。

• 安定版のDiscord告知を作りたいとき
• 新しい版や日付に告知を更新したいとき
• 主な変更と今後の予定をまとめたいとき

利用者向けのコメントや計画書、文書を、ASD-STE100に沿った簡潔な英語で書きます。短い文と意味をそろえた語彙を使い、手順や説明の曖昧さを抑えます。

• 英語の手順を分かりやすく書きたいとき
• 利用者向けコメントを読みやすくしたいとき
• 計画書を簡潔な英語で書きたいとき

最近のgit履歴とREADME・仕様書・製品説明を照合し、実装との食い違いを最小限の編集で修正して、レビュー用のPRにまとめるスキル。

• リリース後の文書点検
• 大きな機能追加後に説明を更新
• ロードマップや対応状況の記述修正

市場データを密に並べた取引分析ダッシュボードを、単一のHTMLで作成。明暗テーマの切り替えやチャートの詳細表示、コマンドパレットを備えた画面を用意します。

• 金融分析端末の画面を試作したいとき
• 市場情報を密に並べた画面の提示
• チャートの詳細表示や操作感の実演

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

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

新機能の課題・目標・対象範囲・成功指標を、一ページの製品要件書に整理します。利用者の要望や段階的な実施計画、未解決の質問もまとめ、HTMLで出力します。

• 新機能の要件書を作成したいとき
• 目標と対象外の範囲を共有したいとき
• 成功指標と測定方法の整理