「fea」の検索結果

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

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

クリックやフォーム入力、ページ送りが必要なWebページから情報を得るため、Firecrawlの`/interact`をアプリに組み込む実装を支援します。

• クリック後の内容を取得したいとき
• 検索フォームや絞り込みの操作
• 複数ページに分かれた結果の取得

アプリやエージェントにWeb検索、ページ内容の取得、構造化した情報の抽出、ブラウザー操作を組み込むため、Firecrawlの選定・設定・実装・動作確認を案内します。

• アプリにWeb検索を追加したいとき
• 既知のURLから構造化データを抽出
• クリックやフォーム入力を処理に組み込み

開発依頼に必要な変更範囲を確かめ、既存コードや標準機能を使って、課題を解決する最小限の実装へ導きます。関連箇所の修正や必要なテスト、短い報告も重視します。

• 依頼を満たす最小構成を作りたいとき
• 呼び出し元に関わる共通の不具合修正
• 不要な依存関係や共通化を避けたいとき

既存コードや標準機能を優先し、依頼を満たす最小限の変更で実装・修正を進め、必要な検証と影響範囲の対応、未確認事項やリスクの報告まで行うスキル。

• 依頼を満たす最小構成の実装
• 共通処理の根本原因を直したいとき
• 不要な追加を抑えたリファクタリング

AIから外部の処理やデータを使うMCPサーバーを、mcp-useで設計・実装するためのガイド。認証、操作画面、エラー処理、公開までを案内します。

• MCPサーバーを新規作成したいとき
• 処理・データ・定型プロンプトの追加
• 一覧や選択用のReact画面を作りたいとき

AIで複数の画面デザイン案を作り、比較ボードで見比べながら意見を整理するスキル。見た目の方向性を探り、フィードバックをもとに案の改善を繰り返せます。

• 新しい画面の方向性を比較したいとき
• 既存画面の別案を探したいとき
• 複数案への意見を整理したいとき

コードの振る舞いを保ちながら、処理の切り出しや重複の統合、担当箇所の移動を進めるスキル。構造を変える前後で同じ検証を行い、動作の一致を確かめます。

• 動作を保って処理を切り出したいとき
• 重複した処理の統合
• モジュール間で処理の担当を移したいとき

テスト失敗やビルドエラー、予期しない動作を、再現・原因の絞り込み・最小化の順で調べ、根本原因の修正と再発防止テストまで進めるスキルです。

• コード変更後のテスト失敗を調査
• ビルドエラーの原因を調べたいとき
• 動かなくなった機能の原因調査

仕様や要件を、完了条件と検証方法のある小さな実装タスクに分けます。依存関係、作業順、確認の区切りを整理し、計画書とタスク一覧に残すスキルです。

• 大きな機能を実装タスクに分けたいとき
• 依存関係に沿った作業順の整理
• 完了条件と検証方法の明文化

開発の相談内容から適切なスキルと使う順番を選び、仕様作成から実装、テスト、公開までの進め方を整理します。前提の明示や作業範囲、検証の共通ルールも示すスキル。

• 開発開始時に使うスキルを選びたいとき
• 新機能の作業手順を整理したいとき
• 不具合修正やレビューの手順を選びたいとき

動作を変えずに、深い条件分岐、長い関数、重複、分かりにくい名前を整理するスキルです。既存の規約とテストを確認し、読みやすさを基準に小さな変更を重ねます。

• 動く機能の読みやすさを改善したいとき
• レビューで指摘された複雑さの整理
• 深い条件分岐や長い関数の整理

Paperclipのソース版・npm配布版・稼働中の環境で、画面やCLIの実操作を検証します。対象の版やデータ状態を記録し、画像やログなどの証拠を残すスキルです。

• 初回インストールと初期設定の確認
• 新規・既存データで機能を確かめたいとき
• 指定したnpm配布版の導入検証

Paperclipの画面や部品を、既存の色・文字・状態表示・操作の規則に合わせて作成・修正し、再利用する部品と見本ページも一緒に整えるスキル。

• 既存の規則に沿ってページを追加
• 再利用できるUI部品の作成
• 状態の色や優先度アイコンの統一

新機能や修正による利用者への影響と必要な対応を整理し、変更履歴、ブログ、アプリ内通知、SNSなど、読者と掲載先に合うリリース告知文を作るスキル。

• 新バージョンの変更履歴を作りたいとき
• 互換性を壊す変更の移行案内
• ブログとSNS向けの告知の書き分け

画面や操作フローを利用者の目的に照らして点検し、見やすさ、操作の分かりやすさ、エラー時の案内などの改善点を、理由と優先順位付きで整理するスキル。

• 画面やモックへの意見が欲しいとき
• 機能公開前の使いやすさ確認
• 途中離脱が疑われるフローの点検

完成した変更をGitHubのプルリクエストにまとめ、ブランチとコミットの整理、説明文・検証記録の作成、画面変更の証拠添付、レビュー返信を進めるスキルです。

• 完成した変更をGitHubのPRにしたいとき
• 検証結果と画面変更の記録
• レビューへの返信と修正の提出

温かみのある白地、セリフ体の見出し、細い罫線と広い余白を使い、SaaSやドキュメント向けの紹介ページを編集物のような落ち着いたデザインで試作するスキル。

• SaaSの紹介ページを試作したいとき
• ドキュメントの見た目を検討したいとき
• 知識商品の紹介ページづくり

デスクトップ向けランディングページの構成を灰色のボックスで描き、番号付きの注釈と仕様パネルで、配置や実装時の要点を共有するワイヤーフレームを作ります。

• デスクトップ向けLPの構成検討
• 開発担当への仕様メモ共有
• ナビや訴求エリアの配置確認

シルバーやクリーム色を基調に、柔らかな質感のウェブ試作品を作るスキル。二重枠のカード、大きな角丸、浮遊するナビゲーション、滑らかな動きを統一して設計します。

• 落ち着いたSaaSサイトを試作したいとき
• 消費者向けサイトの質感を検討したいとき
• カードとボタンで機能を紹介したいとき

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

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

システム障害の原因、修正、再発防止策をHTMLスライドに整理します。技術者や経営層が次の対応を検討できるよう、専用テンプレートで発表用の構成を整えます。

• システム障害の振り返り発表
• 不具合の原因と修正を説明したいとき
• 仕組み全体の改善策の検討

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

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

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

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