「before」の検索結果

公開前の製品の先行登録ページを、ブランドの配色や書体に合わせて作成します。ロゴと製品紹介、メール登録フォームを一つのHTMLにまとめるスキル。

• 製品公開前のメール登録ページ作成
• ベータ版の参加者を募集したいとき
• 先行アクセスへの関心を集めたいとき

既存リポジトリのファイル構成や依存関係、コンポーネント、ルーティングを記録し、移行や改修の際にエージェントが繰り返し参照できる構造データを作るスキル。

• コード移行の下準備をしたいとき
• 改修前に部品や画面構成を記録したいとき
• 構造データを会話間で再利用したいとき

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

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

複雑で判断を誤る影響が大きい課題を、前提の確認から調査、多角的な分析、実行後の検証まで段階的に進め、根拠やリスクを整理して提案するスキル。

• システム構成案を比較したいとき
• 複数システムの変更計画
• 曖昧な依頼の前提を見直したいとき

HTMLのページやスライドを五つの観点で根拠付き採点し、レーダーチャートと、残す点・修正点・短時間で直せる点を一つのHTMLレポートにまとめます。

• 納品前のLPのデザイン確認
• HTMLスライドの視認性と操作確認
• 二つのデザイン案の比較

ドキュメントや文章をVercelの文章ガイドラインに照らして確認し、語り口、トーン、書式、構成の指摘を、ファイル名と行番号付きで簡潔に返します。

• 公開前のドキュメントを点検したいとき
• 複数ファイルの語り口を確認したいとき
• 書式や構成の問題を探したいとき

UI/UXの設計パターンを探す際に、導入候補をエージェントへ知らせるカタログ項目です。検索データやテンプレートは含まず、実際の利用には配布元の一式が必要です。

• UI/UX設計の参考候補を探したいとき
• 必要なファイルの導入状況確認
• 配布元の導入方法を知りたいとき

Figma DesignやFigJamに空の新規ファイルを作成します。デザインシステムの整備やワークショップを、エージェントで進める際の最初の準備に使えます。

• 空のFigma Designを作りたいとき
• ワークショップ用のFigJam準備
• デザインシステム作業の初期準備

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して画面に実装します。セクションごとの見本を使い、小型ノートPCでも読みやすい構成を目指します。

• 画像を見本にしたLP制作
• 小型画面でも読みやすいヒーロー制作
• 統一感のあるポートフォリオ制作

製品紹介や分析結果を、16列のグリッドと単一のアクセントカラーで整えるHTMLスライド作成スキル。22種類の固定レイアウトで、実データや比較を伝えます。

• 製品ロードマップを発表したいとき
• KPIやランキングを報告したいとき
• 改善前後の違いを説明したいとき

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

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

ボタンや通知などの細部を見直し、操作に合った動きと反応を設計するスキルです。アニメーションの要否からCSS実装、アクセシビリティまで検討します。

• アニメーションの要否を判断したいとき
• ボタンや通知の操作感を整えたいとき
• UIコードを変更前後で比較したいとき

ランディングページやホームページ、広告の文章を作成・書き直すためのスキル。商品やサービスの公開に向け、訴求文を検討する編集役として使えます。

• ランディングページの文章作成
• ホームページの文章を書き直したいとき
• 広告文の下書き作成

雑誌の誌面と電子ペーパーを思わせる横長スライドを作ります。10種類のレイアウトと5種類の配色で、主張やデータを紙の印刷物のような見た目にまとめます。

• 主張を雑誌風の資料で伝えたいとき
• 研究結果や重要な数値の共有
• 章立てのある発表資料の作成

プルリクエストのレビューと自動チェックを継続確認し、指摘の検証、修正、テスト、反映を繰り返して、未解決事項がなくマージできる状態まで見届けるスキル。

• PRの自動チェックを監視したいとき
• レビュー指摘を検証して修正したいとき
• マージ前の未解決事項の確認

過去のセッションで取り組んだ作業や解決方法をメモリから探し、検索結果のIDと前後の記録で対象を絞って、必要な詳細や元のツール入出力を確認するスキルです。

• 以前に解決済みか確認したいとき
• 前回の作業手順を取り戻したいとき
• 過去の記録の前後関係を確認

複数の作業ツリーやブランチ、PRの変更をエージェント同士で比較し、重複や競合を整理して、統合先とマージ順序を含む一つの統合計画にまとめるスキルです。

• 複数ブランチの統合を計画したいとき
• 変更の重複や実装の違いを比べたいとき
• 最近の作業ツリーをまとめて確認

Ant DesignのGitHub issueを確認し、不具合や機能要望の分類、返信案、ラベル変更、クローズの判断をまとめ、利用者の確認後に対応するスキル。

• 未返信のissueに返答したいとき
• 不具合と機能要望の分類
• dosubotの回答の確認

Ant Designのブランチ全体の変更を読み、公式テンプレートに沿ったPRの英語タイトルと本文、取り込み先を整理して、利用者の確認後に作成するスキル。

• ブランチ全体の変更を要約したいとき
• 公式テンプレートでPR文面を作成
• 取り込み先と変更種別の確認

Homecoreの組み込みコードと外部Wasmプラグインを区別し、署名や配布者、パス、メモリ、実行制限、ホスト権限を点検するセキュリティレビュースキル。

• 外部Wasmの導入前に点検したいとき
• 組み込みプラグインの登録処理の確認
• 実行制限とホスト権限を確認したいとき

要件整理から設計、テストを先に書く実装、レビュー、デプロイまでを段階的に進め、複数のAIエージェントで作業と知識を分担する開発手順をまとめたスキル。

• 新機能を計画して実装したいとき
• テストを加えて既存コードを改修
• コードの安全性と性能をレビュー

claude-flow v3の起動時間・検索速度・メモリ使用量を測り、改善目標への到達を検証します。継続的な性能監視と劣化の検出、最適化方針の検討も支援します。

• v3の最適化前後を比較したいとき
• 検索速度とメモリ使用量の評価
• 継続的な性能低下の検出

独自の作業手順をClaude Code向けスキルにまとめ、設定情報や説明文、テンプレート、付属ファイルの構成から公開前の確認までを案内します。

• 定型作業を独自スキルにしたいとき
• 付属スクリプト付きのひな型作成
• 長い手順書を参照資料に分けたいとき

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

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