Liquid Glass React — React に Apple 風のガラスを
Liquid Glass React は、ボタンやカードに Apple の Liquid Glass の見た目を与える無料コンポーネントです。屈折、すりガラス、クリック時の液体のような動きを再現します。
スキル
AIコーディングエージェントのスキルについての短いメモ。それぞれ何か、何をするか、どう入れるか。
Liquid Logo — 平面ロゴを液体金属に
Paper の Liquid Logo は、平面のロゴをブラウザ上で動く液体金属に変えます。SVG をアップロードして効果を調整し、Paper Shaders でサイトに載せられます。
React Three Fiber — React サイトに 3D シーンを
React Three Fiber を使うと Three.js の 3D シーンを React コンポーネントとして書けるので、AI エージェントが回転する製品モデルをサイトに追加できます。
ShaderGradient — サイト向けの動く 3D グラデーション
ShaderGradient は React、Vue、Figma、Framer 向けに、なめらかに動く 3D グラデーションを作ります。サイトでデザインし、AI エージェントにページへ追加させましょう。
Context Engineering — より良い AI エージェントを作るスキル
Agent Skills for Context Engineering は、AI エージェントのコンテキストウィンドウ、記憶、ツール、評価の扱い方を学べる無料の18スキルです。
Marketing Skills — エージェントのためのマーケティング手引き
Marketing Skills は、Claude Code、Codex、Cursor などのエージェントのコピー、SEO、広告、メール、コンバージョンを助ける無料の52スキルです。
Remotion スキル — エージェントが React で書く動画
Remotion Agent Skills は、Claude Code、Codex、Cursor などのエージェントに、React で動画を作り、プレビューし、レンダリングする方法を教える公式スキルです。
Stop Slop — 文章から AI っぽさを消すスキル
Stop Slop は、Claude などの AI モデルに、機械っぽく聞こえる言い回し、構成、リズムを削るよう教える無料スキルです。
UI UX Pro Max — AI コーディングエージェントのデザインルール
UI UX Pro Max は、Claude Code、Cursor、Codex などのエージェントに、スタイル、配色、フォントを備えたデザインシステム生成機能を与える無料スキルです。
OpenMontage — コーディングエージェントが動かす動画スタジオ
OpenMontage は無料のオープンソースシステムです。Claude Code、Cursor、Codex などのエージェントが、調査、台本、ナレーション、編集、レンダリングまで行い、完成した動画を作ります。
scroll-craft — デザインチェックに通るスクロールサイト
scroll-craft は Claude Code、Codex などのエージェント向けの無料スキルです。スクロールで動くウェブサイトを作り、ブラウザーでスクロールのすべての位置を確認します。
Superpowers：エージェントがコードの前に聞き、計画し、テストする
Superpowersは、Claude Code、Codex、Cursorなどのエージェント向けの無料スキル集です。望みを聞き、計画を書き、テストしながら作ります。
REA：アプリの機能の仕組みを知り、自分版を作る
REAは無料のMCPサーバーです。Claude Code、Codex、Cursorがソースコードなしでアプリを調べ、機能の仕組みを根拠付きで説明します。
Graphify：AIコーディングツールのためのコードの地図
Graphifyはコードベースをパソコン上でナレッジグラフにします。Claude Code、Cursor、Codex、Gemini CLIは、すべてのファイルを読む代わりにその地図に問い合わせます。
instagram-agent-skill：Instagram向けのClaudeスキル13個
instagram-agent-skillは、Instagramのリール、キャプション、カルーセル、ストーリーズ、返信を書いてチェックする、無料のClaudeスキル13個のセットです。
AGENTS.md — 600億トークンから生まれた8つのルール
Marcos Hernanzが約600億トークンを使ったあとに公開した、自分用のAGENTS.md。コーディングエージェントをシンプルで実績ある解決策へ導く8つの短いルールです。
find-skills：ほかのスキルを見つけるスキル
find-skills を使うと、コーディングエージェントが skills.sh のディレクトリを検索し、見つけたものを確認して、あなたが説明した作業に合うスキルをインストールできます。
Virality Predictor — 投稿前にリールを採点
HiggsfieldのVirality Predictorは、投稿前に最長15秒のクリップを採点します。点数、一番強いフック、維持率、脳のヒートマップが返ります。
七つのClaudeエージェントは、すでに書かれている
あるリールは、七つの新しいClaudeのエージェントが会社の代わりになると言います。型は本物です。Anthropicは大半を2024年12月19日に書いています。
geo-sleuth — 写真の場所を見つける
geo-sleuthは、写真がどこで撮られたかを見つける無料のスキルです。地図、山の形、衛星写真、Street Viewを使い、その作業を見せます。
TailAdmin — 無料のNext.js管理パネル
TailAdminは、Next.jsとTailwindの無料の管理パネルです。コーディングツールにリポジトリを渡すと、古い見た目ではなく、そのデザインの上にパネルを作れます。
gstack — Garry TanのClaude Code環境
Garry Tanの、Claude Code向けの無料の設定です。計画し、確かめ、試し、出荷するのを助けます。スター数と入れ方はプロジェクトのものです。
Impeccable、Paul Bakaus
Paul Bakausのデザインスキルです。24の共通コマンドと59の検査があります。同じテンプレートを止め、すでにあるページを直せます。
Taste Skill、Leonxlnx
LeonxlnxのTaste Skillは、選ばれた247のサイトを調べます。コーディングツールに一つの方向を渡し、本物のブラウザでページを確かめます。
Emil Kowalskiのアニメーションスキル
Emil Kowalskiのスキルは、ものがどう動くべきかをコーディングツールに伝えます。ページが、ありきたりではなく、仕上がって見えます。