ITエンジニアのメモ帳

表示中ページのリンク遷移先URLと広告計測タグをリアルタイムで一覧表示するChrome拡張機能「LP Check」を紹介します。広告運用・LP制作時のリンク設定ミスやタグ漏れを効率よく確認できます。

RemotionとClaude Codeを組み合わせると、テキストで指示するだけでReactアニメーション動画のコードが自動生成できます。インストールから実際のプロンプト例・落とし穴まで具体的に解説します。

Pencil（pencil.dev）と Claude Code を MCP で連携させ、UIデザインからコード実装まで IDE 内で完結させる方法を解説。インストール手順・AI生成の使い方・従来フローとの違いを具体的に紹介します。

skills.sh を最大限活用するメタスキル3選を紹介。skill-creator でスキル自作・vercel-deploy で自動デプロイ・web-artifacts-builder で UI プロトタイプ生成ができます。自社専用 ...

AIエージェントでデザイン・アート・GIF制作ができる skills.sh スキル3選を紹介。canvas-design・algorithmic-art・slack-gif-creator でエンジニアもクリエイティブ作業を効率化でき ...

AIエージェントでテスト・品質管理を自動化できる skills.sh スキル3選を紹介。Playwright を使った webapp-testing・find-skills・mcp-builder で開発の品質保証を効率化しましょう。 ...

Claude Code で PDF・Excel・PowerPoint を自動処理できる skills.sh スキル3選＋1を紹介。Anthropic 公式の pdf・xlsx・pptx・docx スキルでオフィスファイル処理をエージェ ...

AIエージェントが生成する UI の品質を上げる skills.sh スキル3選を紹介。frontend-design・vercel-react-best-practices・web-design-guidelines でデザインとパ ...

skills.sh でインストール数 No.1 の find-skills を徹底解説。-y フラグ必須・シンボリックリンク・Snyk 警告など実際に試してわかった躓きポイントと、自然言語でのスキル検索の使い方を紹介します。

Claude Code のインストールは npm 1コマンドで完了します。Node.js の準備から API キー設定・初回起動・よくあるエラーの解決法まで、5分で使い始められる手順を丁寧に解説します。