⭐ おすすめスキル(応用)
公式同梱の73スキル以外にも、SKILL.md形式の第三者スキルを追加できます。ここではWeb・コンテンツ制作に効く実用スキルと、ローカルLLM(小型モデル)で確実に使わせるためのコツを、実際に9Bで作ったデモ付きで紹介します。
🎨 制作系のおすすめ(CDNで素のHTMLに効く)
いずれも「そのライブラリで正しくコードを書く方法」をエージェントに教える知識スキル。ビルド不要でブログ・LP・モックアップ作成にそのまま効き、ローカル9Bでも安定して扱えます。
🧩 daisyUI
ボタン・カード・ヒーロー・ナビ等のUIコンポーネントを Tailwind クラスで素早く。見た目のインパクトが最も大きい。daisyUI 5(Tailwind 4)対応の正しいCDN方式をスキルが教えてくれる。
✨ Lucide
きれいなアイコンを data-lucide 属性で埋め込むだけ。CDNスクリプト+lucide.createIcons()で描画。daisyUIと組み合わせると一気に「デザインされたページ」になる。
ほかに gsap(スクロール演出・アニメーション)、lottie(JSONアニメ)なども同系統。動きを足したくなったら追加を。
⚠️ ローカルLLM(9B)で使うときの最重要ポイント
スキルを入れても、小型モデルは“あれば自動で律儀に使う”わけではありません。実際、Qwen3.5-9Bは最初スキルを読まずにHTMLを生成し、「スキルを確認した?」と促してようやく参照・適用しました。
「HTMLを生成するときは必ず
daisyui と lucide スキルを参照して使うこと」と事前に明記しておけば、毎回指示しなくてもスキルを使ってくれます。小型モデルには“自由”より“レール”が効きます。🖥️ 実例:ローカルモデルが作ったランディングページ(モデル別の到達点)
同じ moguca ブログのランディングページを題材に、手元のローカルモデルだけでどこまで作れるかを2段階で示します(クラウドのフロンティアモデルは不使用)。
① ローカル9Bで「作る」 — daisyUI+lucide+gsap
Qwen3.5-9B(手元のGPU)が3スキルでゼロから生成。独立検証で、daisyUI 5の正しいCDN・コンポーネント、Lucideアイコン11個、GSAPアニメ(フェードイン+スクロールでカード出現)がすべて正しく動くことを確認済み。“作る”は9Bで十分実用です。スクロールして動きを確認してみてください。
② 35Bクラスで「足す」 — さらに Lottie ロボットを追加
①の完成ページに、Lottieのロボットアニメを後から組み込んだ版です。既存の daisyUI / lucide / gsap を一切壊さずにヒーローへ埋め込みました。この「複雑な既存HTMLを壊さず一部だけ編集・統合する」作業は、9B・26B級では既存要素の欠落やライブラリ取り違えが起き、Qwen3.6-35B-A3B(35Bクラス)で初めて完遂できました。