Claude CodeでRemotionの動画を自動生成する方法|Reactで作るAI動画入門
RemotionとClaude Codeを組み合わせると、テキストで指示するだけでReactアニメーション動画のコードが自動生成できます。インストールから実際のプロンプト例・落とし穴まで具体的に解説します。
【Claude Code × Pencil】IDEで完結するAI駆動UIデザインの使い方
IDEを離れずにUIデザインできるPencil(pencil.dev)の使い方を解説。Claude CodeとのMCP連携でデザインからコードまで一気通貫で開発する方法を紹介します。
スキル開発・活用に役立つ skills.sh のおすすめスキル3選
skills.sh を最大限活用するためのメタスキルを3つ紹介。skill-creator・vercel-deploy・web-artifacts-builder で自分だけのスキルを作り、開発ワークフローをさらに強化しましょう。
クリエイティブ作業に役立つ skills.sh のおすすめスキル3選
skills.sh のクリエイティブ系スキルを3つ紹介。canvas-design・algorithmic-art・slack-gif-creator を使って AI エージェントにデザイン・アート・GIF 制作を任せましょう。
テスト・品質管理に役立つ skills.sh のおすすめスキル3選
skills.sh からテスト・品質管理に役立つスキルを3つ紹介。webapp-testing・find-skills・skill-creator を使って AI エージェントの活用幅を広げましょう。
ドキュメント処理に役立つ skills.sh のおすすめスキル3選
skills.sh の Anthropic 公式スキルから PDF・Excel・PowerPoint を扱えるスキルを紹介。pdf・xlsx・pptx スキルでファイル操作をエージェントに任せましょう。
フロントエンド開発に役立つ skills.sh のおすすめスキル3選
skills.sh のフロントエンド開発カテゴリから厳選した3つのスキルを紹介。frontend-design・vercel-react-best-practices・web-design-guidelines で UI 品質を一段引 ...
【skills.sh】find-skills の使い方と実際のインストール手順|AIエージェント向けスキル検索
skills.sh でインストール数 No.1 の find-skills を徹底解説。インストール時の対話プロンプト・シンボリックリンク・セキュリティ警告など実際に試してわかった躓きポイントも合わせて紹介します。
Claude Code のインストール方法【完全ガイド】
Claude Code のインストール方法を丁寧に解説します。Node.js の準備から API キーの設定、初回起動まで、ステップごとに説明します。
【Docker】Dockerデータを新しいディスクに移行: 容量問題を一発解決!(ConoHa VPS等)
Dockerを活用する際、ディスク容量の問題に直面することは少なくありません。特に、多数のイメージやコンテナを取り扱う場合、ディスク容量が迅速に消費されることが一般的です。この記事では、新しいディスクを追加し、Dockerのデータをそ ...