ブックマーク / izanami.dev (3)

  • Claude Code スキル自作勢へ!Agent Skills Marketplace に6万超スキル集結 - izanami

    Claude Code のスキルを自作する前に Agent Skills Marketplace をチェックすべき。65,635 個のオープンソーススキルが GitHub から集約され、AI セマンティクス検索で「やりたいこと」から探せる。Anthropic 公式も紹介してる Claude Code のスキル、自作する前にここをチェックしてほしい X で 毎日 AI 情報を配信してるコムテです。Agentic AI / AI 駆動開発 / Claude Code などを中心に情報を配信しています この記事は Agent Skills Marketplace を実際に触ってみた感想と、なぜこれが Claude Code ユーザーにとって革命的なのかを解説する なぜ今 Skills Marketplace が注目されてるのか 車輪の再発明をやめられるから Claude Code を使い始めると

    Claude Code スキル自作勢へ!Agent Skills Marketplace に6万超スキル集結 - izanami
  • CLAUDE.md や AGENTS.md のベストプラクティスな書き方 - izanami

    CLAUDE.md は LLM にコードベースを理解させる最重要ファイル。WHY/WHAT/HOW の3要素を300行以内で簡潔に書き、指示は最小限に。段階的開示で詳細は別ファイルに分離し、リンターや自動生成には頼らないのがベストプラクティス Claude Code を使っていて、なんか思い通りに動かんなって感じたことない?指示を書いてるはずなのに無視される、毎回同じことを説明し直さなあかん、コードスタイルがバラバラになる こういう問題の多くは、実は CLAUDE .md の書き方に原因があったりするんよね X で 毎日 AI 情報を配信してるコムテです。Agentic AI / AI 駆動開発などを中心に情報を配信しています この記事は HumanLayer のブログ記事「Writing a good CLAUDE .md」をベースに、Anthropic の公式ドキュメントと最新の学術研

    CLAUDE.md や AGENTS.md のベストプラクティスな書き方 - izanami
  • AI コーディングエージェントでデザイン再現精度を上げる 7 つのテクニック - izanami

    画像を切り出すときは、Figma MCP プラグインインストールすればいいし、新たにアイコンや画像を作りたい場合は、Gemini 3 系をメインで使えばいい 個人的には Antigravity + Gemini 3 Flash の組み合わせがフロントエンドに強いと感じてるけど、結局は 1 つのモデルに固執しない。タスクごとに切り替える のが一番いい それじゃあ、デザインの再現率を上げるテクニックを紹介していくよ テクニック 1:セクション単位で切り出す セクションというのは、ページ内の一つのエリアのこと。ヘッダー、ヒーローセクション、コンテンツエリア、フッターなどがセクションになる コンテンツエリアは、例えばサービスの特徴・料金表・FAQ セクションのこと デザイン全体のスクリーンショットを一気に渡すのは、実は逆効果やったりする AI は視覚情報を処理する時、画像全体に均等に注意を払おうと

    AI コーディングエージェントでデザイン再現精度を上げる 7 つのテクニック - izanami
  • 1