「ppo」の検索結果

Python、JavaScript/TypeScript、Goのコードをセキュリティの観点で点検するスキルです。言語やフレームワークに応じた改善案と、重大度別の報告書をまとめます。

• 既存コードの安全性を点検したいとき
• 重大度別のセキュリティ報告書の作成
• 安全な初期設定でコードを書きたいとき

AI検索がページを発見し、内容を理解・引用しやすくなるよう、本文構成やメタデータ、構造化データを点検します。新規ページの作成から既存サイトの改善まで支援します。

• ブログのAI検索への対応を点検したいとき
• 直接回答と出典を備えた記事を作りたいとき
• メタデータや構造化データを修正したいとき

文章で伝えた手順や関係性を、Excalidrawで開いて編集できる図にまとめます。フローチャートや構成図、マインドマップなどを、用途に合う配置と見た目で作成します。

• 業務手順をフローチャートにしたいとき
• アイデアをマインドマップで整理
• サービスアイコン付きクラウド構成図

文章やコードの分析結果から、処理の流れやシステム構成をMermaidの図にまとめます。構文検証からSVG・PNG・ASCIIへの出力、複数図の一括変換まで扱います。

• システム構成を可視化したいとき
• APIの呼び出し順を資料化したいとき
• データベースの関係図を作りたいとき

見込み客の選別や営業メール、返信の振り分けを担うAI営業担当の導入を設計するスキル。顧客像と予算に合わせ、ツール選定から人への引き継ぎ、運用改善まで整理します。

• AI営業担当の導入計画を立てたいとき
• 見込み客の採点・選別基準の設計
• 返信率や商談化率が低い営業施策の改善

記事や動画を複数の媒体に展開し、ニュースレターやDMから商談につなぐ流れを設計します。競合投稿の分析から制作計画、売上への貢献の測定までを扱うスキルです。

• 週の作業時間に合う発信計画を作りたいとき
• 一つの記事や動画を複数媒体に展開したいとき
• ニュースレターや読者との対話を商談につなげたいとき

コードから業務の概念や用語を読み取り、競争力の核・業務支援・共通機能に分類し、役割のまとまりを評価してサービスの境界と連携方法を提案するスキル。

• 既存コードの業務を把握したいとき
• 業務用語からサービスを分けたいとき
• 改修前に責務の混在を確認したいとき

検証やデバッグなどを任せる、独立した作業文脈を持つ補助エージェントを設計します。役割、呼び出し条件、手順、報告形式を整理し、再利用できる定義にまとめます。

• 完成した作業の独立した検証役の作成
• デバッグ専門エージェントの設計
• セキュリティ監査役の作成

繰り返す仕事の進め方を対話で整理し、新しいスキルを設計・作成します。呼び出し条件やファイル構成を決め、SKILL.mdと付属資料を作成して、構造や指示を検証します。

• 繰り返す業務をスキルにしたいとき
• レポートや文書の作成手順の標準化
• MCPで外部サービスを使う作業の設計

AIサービス、MCPやスキル、エージェントの安全性検査と、モデルの安全制限を回避する誘導への耐性評価を依頼し、進捗や結果を取得するスキル。

• AIサービスの既知の脆弱性検査
• MCPやスキルのソース監査
• 保存済み設定やYAMLでのAgent検査

OpenClaw の設定、導入済みスキル、既知の脆弱性、プライバシー情報の露出を点検し、環境全体や導入前の個別スキルのリスクを確認するスキルです。

• OpenClaw 全体の安全性点検
• 導入前にスキルを確認したいとき
• 導入済みスキルのリスク監査

アプリの操作手順を、録画のように動くHTMLデモとしてWebページに組み込むスキル。実際の画面や文言を再現し、手順の切り替えや一時停止、幅に応じた拡縮に対応します。

• LPに動くアプリ紹介を載せたいとき
• 機能の操作手順を順番に見せたいとき
• 操作録画やGIFをHTMLに置き換える

見出しや短い紹介文が画面に入ると、単語ごとに少しずつ浮かび上がるアニメーションを実装するスキル。動きを抑える設定や読み上げ、JavaScript無効時の表示にも配慮します。

• ポートフォリオの見出し演出
• 冒頭コピーを画面内で順次表示
• セクション導入文に控えめな動きを追加

画面を二つのパネルに分け、ビジュアルと説明を整理するデザイン指針です。細い枠線や等幅ラベル、余白を組み合わせ、製品紹介や作品展示のページ全体を整えます。

• 製品画像と仕様を並べたいとき
• 作品と解説を分けたポートフォリオ
• 技術的なコンセプトの紹介

既存画像にカーソルを追う水面のようなゆがみを追加するスキル。Shadersの部品を使い、レイアウトを保ちながら遅延読み込みや静止画像への切り替えも組み込みます。

• ページ冒頭の画像に波紋を加えたいとき
• ギャラリー画像にゆがみを加えたいとき
• スポットライト演出を置き換えたいとき

手順や沿革を、スクロールに合わせて進捗線と現在のステップが変わるタイムラインにします。縦横の配置、スマートフォン表示、キーボード操作にも対応します。

• 導入やサービスの手順を案内したいとき
• ロードマップや沿革の進捗表示
• タイムラインを小画面に対応させたいとき

大きな写真を主役に、ガイド線と文字・ボタンの配置でページ全体のデザインを整えます。画像の迫力を保ちながら、見出しや補足情報を読みやすく重ねる設計です。

• 大きな写真を使う冒頭画面の設計
• 写真に見出しやボタンを重ねたいとき
• 写真に合わせてカードやナビを整える

縦スクロールに合わせて固定画面の章を横方向へ切り替え、逆戻りや途中への移動、再読み込みでも表示がずれない、章立ての製品ツアーや物語ページを実装するスキル。

• 横方向に進む製品ツアーの制作
• 章立てのスクロール物語の制作
• ジャンプや再読み込み時の表示ずれ修正

落ち葉や花びらが表裏を見せながら舞うアニメーションを、2Dのcanvasや3Dで実装するスキル。回転に連動する横滑り、奥行き、描画負荷まで整えます。

• Webページに紅葉を舞わせたいとき
• 桜の花びらを漂わせたいとき
• 3D空間に奥行きのある落ち葉演出

Reactのカードや入力欄に、縁を移動する光や脈打つ発光を加えます。読み込み・選択・フォーカスと連動させ、動きがなくても状態を伝えられる表示を整えます。

• 処理中パネルへの脈打つ発光の追加
• 選択中カードや現在の手順の強調
• 入力欄の下辺を光らせたいとき

Three.jsのアクションゲームで、戦闘エリアや敵の組み合わせ、出現間隔、ボスの段階を設計・調整するスキル。攻撃の予兆や回復の余地を確保し、難易度も検証します。

• 戦闘エリアと敵の組み合わせを考えたいとき
• 敵の波状出現やボスの段階を調整したいとき
• 攻撃の予兆や立て直す余地を確認したいとき

花びらや雪、紙吹雪などを、ページ内の一区画に控えめに動かす装飾を実装します。密度や風、重力を調整し、文章の読みやすさと端末の負荷にも配慮します。

• 一区画に花びらや雪を添えたいとき
• ブランドの小さな図形を動かしたいとき
• モバイルの装飾負荷を抑えたいとき

動物や物をキャラクターにして、開発やデザインの考えを表す手描き風SVGカードを作ります。太さの揺れる筆線と水彩風の色、大きな目で、読み込みやエラー画面などを彩ります。

• カタツムリで読み込み中を表したいとき
• エラー画面にキャラクターを添える
• 開発の考えをブログ画像で伝える

Webサイトの背景に、マウスを追う白い点描の光跡を追加します。WebGPUによる描画と、タッチ端末や動きを抑える設定に応じた静止背景への切り替えを扱います。

• ヒーロー領域に光の軌跡を加えたいとき
• 問い合わせ欄の背景を動かしたいとき
• タッチ端末では静止背景にしたいとき