「act」の検索結果

ボタンやフォームの操作後に状態がどう変わるかを順に追い、共有状態の意図しないリセットや非同期処理の競合で画面が期待どおりに動かない原因を調べるスキル。

• 反応しないボタンの原因調査
• 大規模改修後の共有状態の点検
• 公開前の重要な操作の監査

実装前に失敗するテストを書き、最小限のコードで通してから整理する開発手順を徹底するスキル。機能追加やバグ修正を、一つの振る舞いずつ検証して進めます。

• テストを先に書いて機能追加したいとき
• 不具合を再現してから修正したいとき
• テストを保ちながらコードを整理

Ethereumなど8つの対応チェーンで、ウォレット残高やトークン価格、取引内容、手数料の目安を読み取り専用で調べ、複数チェーンの情報を比較するスキル。

• 8チェーンで同じウォレットを確認したいとき
• 手数料とトークン価格の比較
• 取引内容と呼び出された関数の確認

会議メモや文字起こしから、根拠付きの決定事項と担当・期限を整理します。既存タスクとの重複を確認し、議事録、チケット、フォローアップ文面の下書きを作成します。

• 会議メモから作業を抽出したいとき
• 決定事項と担当・期限の確認
• 会議の約束と既存タスクの照合

Microsoft Teamsの会議を要約し、対応事項を抽出します。要約が届かない原因の確認や、保存済み処理の再実行、会議通知の購読管理も支援するスキル。

• 会議の要約と対応事項の抽出
• 会議要約が届かない原因調査
• 失敗した会議処理の再実行

既知のURLから本文やリンク、画像などを取得する機能を、Firecrawlの`/scrape`でアプリに組み込みます。単一ページの情報抽出と取得データの鮮度設定を支援します。

• 既知のページを要約用に取り込む
• 企業・製品ページからの情報補完
• 料金・更新履歴・文書の抽出

検索語からWebページの候補を見つける機能を、Firecrawlの`/search`でアプリに組み込みます。URLの選定から必要なページ内容の取得へつなぐ設計を支援します。

• 出典付き回答の情報源探し
• 企業・競合・テーマの探索
• 詳しく調べるページの候補選び

PowerPointの資料やテンプレートを新規作成・編集し、文章の抽出やスライドの結合・分割も行います。ファイル構造と表示を確認し、文字切れや重なりを修正します。

• 内容からPowerPoint資料を作りたいとき
• 既存テンプレートで資料を更新したいとき
• 要約用にスライドの文章を抽出したいとき

スライドや文書、レポート、HTMLのランディングページに、配色とフォントをまとめて適用します。10種類のテーマから選ぶほか、希望に応じた新規テーマも作れます。

• スライドの配色と書体を統一したいとき
• 見本からテーマを選びたいとき
• レポートや文書の見た目の統一

Claude Codeのプラグイン向けスキルを作成・改善し、呼び出される条件の説明からSKILL.md、参考資料やスクリプトの分け方、検証まで案内します。

• プラグイン内にスキルを新規作成
• 既存スキルの呼び出し条件を明確にしたいとき
• 長い手順を参考資料に分けたいとき

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

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

ブラウザを直接操作し、クリックや文字入力、JavaScriptで表示される情報の収集、画面撮影、サイトの動作確認を行います。ログイン済みの画面での作業にも対応します。

• Webサイトのクリックや入力を自動化したいとき
• JavaScriptで表示される情報の収集
• ログイン済みの画面での作業

会話で得た事実や日々の出来事、利用者の好みをファイルに保存し、プロジェクトや継続的な責任などに分類して、セッションをまたいで検索・参照するスキル。

• 会話をまたいで事実を覚えたいとき
• 日々の出来事や会話の記録
• 人物やプロジェクトの知識整理

モーショングラフィックスの企画や改善で、伝える内容、文字の動き、場面のつながり、読む時間を整理し、一つの意図が伝わる映像やアニメーションの設計を支援します。

• 短い製品紹介映像を企画したいとき
• 動く文字の読みやすさを改善したいとき
• 共通のモチーフで場面をつなぎたいとき

市場・企業・製品に関するX/Twitterの反応を調べ、支持・批判・中立の論点と根拠、調査範囲を再利用できるMarkdownレポートにまとめるスキル。

• 製品へのX/Twitterの反応を知りたいとき
• 企業や銘柄への賛否を比較したいとき
• 市場イベントへの反応を調べたいとき

ソースコードやFigmaの抽出データ、スクリーンショットから色・書体・余白などのデザイン設定を集め、出典や使用箇所を添えたJSONに整理します。

• コードに散らばるデザイン設定の整理
• Figmaのデザイン移行準備
• スクリーンショットからの設定抽出

粒子やフラクタル、データの動きを描く可視化画面を、重い計算をWeb Workerに分け、毎秒60フレームを目指す単一HTMLとして作るスキルです。

• 粒子や物理シミュレーションの試作
• フラクタルを可視化したいとき
• 音声やデータの可視化画面づくり

スター数、インストール数、利用開始などの週次指標を、変化の要因と次の施策につなげ、成長施策や製品の検討会で意思決定に使うHTMLスライドにまとめます。

• 週次の成長レビュー資料を作りたいとき
• KPIの変化と要因を議論したいとき
• 製品の次の施策を提案したいとき

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

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

太い見出しと幾何学的なカードを使い、スイス風のプレゼン型ページを単一HTMLで作るスキル。スライド移動やテーマ切り替え、注釈表示も組み込みます。

• プレゼン型の紹介ページ制作
• スイス風のHTMLスライド制作
• 操作できる製品発表ページ制作

文章や参考画像からCodex向けの動くペットを作り、姿の一貫性や背景の透過を確認しながら、アニメーション用画像と設定ファイルをまとめて出力するスキル。

• 文章からCodexペットを作りたいとき
• キャラクター画像をペット化したいとき
• 動きごとの姿の違いを修正したいとき

デスクトップ向けのランディングページを、注目から行動へ導く構成、大きな文字と余白、隙間のないグリッド、スクロールに連動する動きを組み合わせて設計するスキル。

• スクロール演出のあるLPを試作したいとき
• 冒頭の配置や文字組みを変えたいとき
• 空きのないカードグリッドの設計

データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。

• 売上を拡大可能な図で見たいとき
• データ間の関係を図示したいとき
• 日ごとの傾向を色で示したいとき

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

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