Daniel Avila

Node.js・Express・TypeScriptのAPI開発で、処理の役割分担と実装方針をそろえます。入力検証、データベース操作、エラー追跡、テストまで扱うガイドです。

• 役割を分けてAPIを追加したいとき
• Prismaのデータアクセス処理を整理
• 入力検証とエラー追跡を追加したいとき

PostgresのSQLやテーブル設計、接続管理を見直し、性能と安全性の改善点を影響度の高い順に検討するための、Supabaseの指針をまとめたスキルです。

• 遅いSQLとインデックスを見直したいとき
• テーブルやスキーマの設計確認
• 接続プールと拡張設定の見直し

Claude Codeのプラグイン向けに、自律的に作業するエージェントを設計するスキル。起動条件や指示文、使用ツールを整理し、設定ファイルの作成と検証を支援します。

• コードレビュー用エージェントの作成
• 起動条件の具体例を見直したいとき
• 使用ツールを制限したいとき

macOSやLinuxのターミナルで、ファイル検索、ログ確認、テキスト加工などを進めるスキル。コマンドの連結やエラー処理を含むBashスクリプト作成も支援します。

• ファイルとその内容を検索したいとき
• ログ・プロセス・使用ポートの確認
• テキストの抽出と置換

マーケティング施策の目的と対象を整理し、SNS・メール・LPの内容づくりから実施計画、成果指標の設定、振り返りと改善案の作成までを支援するスキル。

• 新商品の告知施策を計画したいとき
• SNS・メール・LPの訴求をそろえたいとき
• 施策の目標と成果指標を決めたいとき

文章や参考画像から特許向けの線画を生成し、既存図面のベクター化や画像の高解像度化、出願用のTIFF・PDFなどへの変換まで行うスキル。

• 発明の説明から特許図を作りたいとき
• スケッチや写真をもとに図を作りたいとき
• 既存図面をSVGやDXFに変換したいとき

スライドや文書、レポート、HTMLのランディングページに、配色とフォントを統一して適用します。10種類の既定テーマから選ぶほか、用途に合わせた新規テーマも作れます。

• スライドの配色とフォントを統一したいとき
• 文書やレポートの見た目を選びたいとき
• HTMLのLPにテーマを適用したいとき

LinkedInの営業先・採用候補者の検索や保存、メッセージ送信をCurviate CLIで進め、利用権限や契約による実行エラーの原因も確認するスキル。

• 営業先を検索してリストに保存したいとき
• 採用プロジェクトの候補者管理
• 営業先や採用候補者へのメッセージ送信

採用や仕事の相談につながるポートフォリオを目指し、サイト構成と作品の見せ方を設計するスキル。制作過程や成果の説明、問い合わせへの導線、モバイル表示も検討します。

• 開発者やデザイナーの作品集を設計
• 制作実績を詳しい事例紹介にまとめる
• 作品紹介から問い合わせへの導線を改善

文章で伝えた構成や処理の流れをJSONに整理し、システム構成図や状態遷移図などを、READMEやスライドに使える青写真風のSVGとして描くスキル。

• READMEにシステム構成図を載せたいとき
• 通信やデータ処理の流れを図示したいとき
• 状態遷移図を作りたいとき

用途や残したい要素を整理し、OpenAI Image APIで商品写真やイラストの生成、背景の差し替え、部分修正、複数案の一括作成を進めるスキル。

• 商品写真やWeb用画像の作成
• 画像の背景を削除・変更したいとき
• 画像内の物や文字を部分修正

新しいUIの制作や既存画面の改修で、題材や利用者に合った配色・書体・レイアウトを設計します。画一的な見た目を見直し、操作文言や動きまで整えるスキルです。

• 新しいサイトのデザイン方針づくり
• 画一的なUIを見直したいとき
• 実装前に配色・書体・配置を決めたいとき

ポスターや静的なアートを、色・形・余白の方針づくりから制作するスキル。デザイン思想をまとめたMarkdownと、文字を抑えたPNG・PDFの作品を作ります。

• オリジナルのポスター制作
• テーマを抽象アートで表現したいとき
• デザイン方針と作品をそろえたいとき

LinkedInの受信箱をCurviate CLIで確認・検索し、DMやInMailの送信、会社ページとしての返信、メッセージのイベント通知の設定を扱うスキル。

• 未読の会話やメッセージ履歴の確認
• DM・InMailのプレビューと送信
• 会社ページ名義で返信したいとき

Figmaの画面や部品を、既存プロジェクトの規約に合わせてコードにします。画像や配色、余白を取得し、実装後はスクリーンショットと照合します。

• Figmaのボタンを実装したいとき
• Figmaからダッシュボードを作る
• 既存の部品にデザインを反映

d3.jsで、操作できるグラフや地図、関係図を作るスキル。既成の図表では表しにくいデータを、配色や配置、拡大操作、アニメーションまで細かく調整して可視化します。

• 既成の図表にないグラフを作りたいとき
• ネットワーク図で関係を探りたいとき
• 図に拡大操作や補足表示を加えたいとき

ユーザーデータやインタビューをもとに、代表的な利用者像と利用の流れを整理し、使いやすさのテストや調査結果の統合を通じて、デザインの検証を支援するスキル。

• 調査データからペルソナを作りたいとき
• 顧客の利用体験を整理したいとき
• 使いやすさのテストを計画したいとき

コードベースを調べ、システムの全体像やアプリ・データベースの関係を図と文章にまとめるスキル。C4モデルとMermaidを使い、読み手に合う粒度で構成を説明します。

• 関係者にシステムの全体像を伝えたいとき
• アプリとデータベースの関係を残したいとき
• 機能内部の構成を図にしたいとき

p5.jsで粒子や流れを描く生成アートを制作します。同じ模様を再現しながら、数値や色を操作して表現の違いを試せるHTMLと制作方針をまとめます。

• コードで独自のアートを作りたいとき
• 粒子や流れの表現を探りたいとき
• 操作しながら模様を比較したいとき

HTMLとJavaScriptのブラウザーゲームを、小さな実装と操作テストを繰り返して開発します。画面画像、ゲーム状態、エラーログを確認し、動作の不具合を修正します。

• ブラウザーゲームに機能を追加したいとき
• 移動・ジャンプ・攻撃の操作テスト
• 得点や勝敗の変化を確認したいとき

応募先の求人要件に合わせて、履歴書・職務経歴書の要約やスキル、実績の表現と順序を調整し、事実を保ちながら関連する経験を伝えるスキル。

• 特定の求人に応募書類を合わせたいとき
• 管理職向けにリーダー経験を示す調整
• 技術力と事業への貢献を示す調整

履歴書や職務経歴書の曖昧な箇条書きを、具体的な行動と数値、成果が伝わる表現へ書き直し、応募する職種や業界に合わせて実績を整理するスキル。

• 職務経歴の箇条書きを改善したいとき
• 仕事の規模を数値で表したいとき
• 応募職種や業界に合わせた実績の整理

Webサイトのアクセシビリティを点検し、画像の代替テキストや配色、フォーム、キーボード操作、読み上げ対応の問題を整理して、具体的な修正と検証を支援するスキル。

• Webサイトのアクセシビリティ点検
• フォームのラベルとエラー通知の修正
• キーボード操作とダイアログの確認

職種や勤務地に応じた給与相場を調べ、賞与・株式・福利厚生を含む待遇を比較し、希望額の根拠や交渉メール、会話の台本を準備するスキル。

• 内定条件の交渉前に給与相場を調査
• 賞与・株式・福利厚生を含む待遇比較
• 条件交渉メールや会話の台本作成