「serve」の検索結果

保存済みの資料を読み、出典ページや人物・組織、概念、知見をまとめたページへ整理してLLM Wikiに取り込み、相互リンク、索引、履歴、既存情報との矛盾を記録します。

• 保存済み資料をLLM Wikiへ追加したいとき
• 人物・組織や概念の整理
• 既存情報との矛盾を記録したいとき

Paperclipで実際のブラウザからサーバー、データベースまで通すE2E評価を追加・拡張し、操作結果や証拠を既存のレポートで確認できるようにするスキル。

• 一連の利用操作の評価を追加したいとき
• テスト用データと判定条件の更新
• 評価レポートに画像や成果物を載せたいとき

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

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

社内Wikiへの資料取り込みや質問対応、索引・リンクの整備を支援します。原資料を保持し、出典と更新履歴を残しながら、継続して使える知識をまとめるスキルです。

• 社内Wikiに資料を取り込みたいとき
• 出典付きで社内の質問に答えたいとき
• 索引の更新とWiki構造の点検

別のエージェントの最近の作業記録から繰り返す問題を見つけ、指示・スキル・ツール説明の最小限の改善を、具体的な証拠と確認用の差分を添えて提案するスキル。

• 別のエージェントの反復ミスの振り返り
• エージェント向け指示の改善案を作りたいとき
• 繰り返す問題をスキルにまとめたいとき

Paperclipの課題スレッドに承認や質問などの新しい操作カードを追加する際、共通の型定義からサーバー、画面、外部連携、テストまでの実装を案内します。

• 課題スレッドに承認カードを追加したいとき
• 新しい回答形式の操作を作りたいとき
• 各層の実装漏れを確認したいとき

OpenDesignのマーケットプレイスで、登録済みプラグインの検索・インストール・配布元の確認の流れを検証するための、最小限のサンプルです。

• OpenDesignの検索を検証したいとき
• マーケットの導入フローを確認したいとき
• プラグインの配布元確認を試したいとき

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

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

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

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

レビューで受け入れた成果物を、CLIやコードエージェント、Figmaなど指定した作業先へ引き渡し、成果物の管理情報に出力先と配布履歴を追記するスキル。

• 確認済み成果物をコードエージェントへ渡す
• 編集結果を元のFigmaファイルへ戻す
• 成果物をGitHubへPRで渡したいとき

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

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

シェーダーや3Dシーン、粒子の動きを全画面で描き、見出しを重ねたWebGL表現を制作。外部通信のない単一のHTMLファイルにまとめます。

• Webサイトのヒーロー動画表現
• 見出し付き生成アートの制作
• 3Dシーンや粒子表現の試作

フィッシングの見分け方や最初の60秒の対応を伝える社員研修資料を作成します。Windows 95風の見た目を保ち、内容や枚数を調整したHTMLスライドにまとめます。

• 社員向けフィッシング対策研修
• 最初の60秒の対応を伝えたいとき
• 新入社員向けのセキュリティ説明

Webページの文字組み・配色・余白・動きを具体的なルールで整え、定型的な見た目を避けながら、ReactやNext.jsの画面実装を進めるスキル。

• 文字組みに特徴のある販促ページ制作
• ダッシュボードの表示と操作感の調整
• 情報密度や動きの強さを調整したいとき

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

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

GSAPのプラグインを使い、文字やSVGの動き、ドラッグ操作、レイアウト切り替えを実装するスキルです。用途に合う機能の選択から登録、設定、後始末まで扱います。

• 見出しを一文字・一行ずつ動かしたいとき
• SVGの描画や図形変形を加えたいとき
• 慣性のあるドラッグ操作を作りたいとき

ReactやNext.jsでGSAPのアニメーションを実装し、対象要素の指定から更新時・コンポーネント削除時の後片付けまで整えるスキル。

• Reactの画面に動きを加えたいとき
• コンポーネント削除時の後片付け
• アニメーションの対象範囲の見直し

既存のWeb画面に、ボタンの反応や状態の切り替えを伝える控えめなアニメーションを加えます。文章やレイアウトを保ち、動きを減らす設定にも対応します。

• ボタンに操作の反応を加えたいとき
• 画面内の状態変化を伝えたいとき
• 主要な内容の登場演出を整えたいとき

claude-memが覚える記録の種類やタグを、仕事や学習の内容に合わせて対話で設計します。設定の導入・有効化・動作確認や、任意のTelegram通知にも対応します。

• 仕事や学習に記憶の分類を合わせたいとき
• 記録する内容と省く内容を決めたいとき
• 特定の記録をTelegramで受け取りたいとき

RuViewのセンサーノードを動かすため、ESP32-S3／ESP32-C6のファームウェア作成・書き込み、WiFi設定、受信確認を案内します。

• RuViewの実機を初期設定したいとき
• 8 MB・4 MB版の再書き込み
• WiFiと受信サーバーの接続設定

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

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

claude-flowをagentic-flow@alphaの拡張として構成し直し、重複実装の削減を支援します。既存機能の互換性を確認しながら段階的に移行します。

• エージェント・タスク管理の重複整理
• 既存APIを保つアダプターの設計
• 学習・記憶共有・MCPツールの統合

Web検索、SNSの話題、求人、動画字幕などを複数のサービスから収集します。利用可能な接続手段やログイン状態を確認し、目的に合う取得方法へ案内します。

• 複数SNSの議論を集めたいとき
• Web記事やRSSの内容取得
• LinkedInやBoss直聘の求人探し

ランディングページや作品集を、目的と読者に合わせて設計する旧実験版です。レイアウトの変化・動き・情報密度を調整し、定型的な見た目を避けて配色や操作状態を整えます。

• 読者に合わせた紹介ページの設計
• 動きと情報量を調整した作品集制作
• 既存ブランドを生かしたサイト改修