Claude Code
スキルを作る（skill-creator）
/skill-creator
スキルそのものを作る・直す・性能を測るためのスキル。何から書けばいいか分からないときの出発点になる。
いいね 0・閲覧 63
MCP連携
MCPサーバーを作る（mcp-builder）
/mcp-builder
外部サービスと連携する MCP サーバーを、ツール設計から作り込むための手引き。
いいね 0・閲覧 39
開発・コーディング
Claude API リファレンス（claude-api）
/claude-api
モデルID・料金・パラメータ・ストリーミング・ツール利用・プロンプトキャッシュまでを網羅した Claude API の逆引き。
いいね 0・閲覧 30
開発・コーディング
Webアプリをテストする（webapp-testing）
/webapp-testing
Playwright でローカルのWebアプリを操作し、画面の動作確認やUIのデバッグを行うための道具立て。
いいね 0・閲覧 48
開発・コーディング
Webアーティファクトを作る（web-artifacts-builder）
/web-artifacts-builder
React・Tailwind・shadcn/ui を使って、複数コンポーネントからなる HTML アーティファクトを組み立てる。
いいね 0・閲覧 20
デザイン・資料作成
フロントエンドの見た目を決める（frontend-design）
/frontend-design
新しいUIを作る・既存のUIを作り直すときに、意図のある見た目へ寄せるための指針。配色・書体・余白の考え方。
いいね 0・閲覧 21
デザイン・資料作成
ポスター・図版を作る（canvas-design）
/canvas-design
デザインの原則にもとづいて、PNG や PDF の紙面（ポスター・図版）を組み上げる。
いいね 0・閲覧 21
デザイン・資料作成
テーマを当てる（theme-factory）
/theme-factory
スライド・資料・LP などの成果物に統一したテーマを当てる。既製テーマが10種類用意されている。
いいね 0・閲覧 19
デザイン・資料作成
アルゴリズミックアート（algorithmic-art）
/algorithmic-art
p5.js とシード付き乱数でコードから絵を作る。パラメータを動かしながら探索できる。
いいね 0・閲覧 47
業務・自動化
Slack用GIFを作る（slack-gif-creator）
/slack-gif-creator
Slack に最適化したアニメーションGIFを作る。サイズ制限や検証ツール、動きの作り方まで含む。
いいね 0・閲覧 47
文章・ライティング
社内向け文書を書く（internal-comms）
/internal-comms
社内アナウンス・報告・議事録など、会社ごとの型に沿った文書を書くための資料一式。
いいね 0・閲覧 45
デザイン・資料作成
エージェンティックなUIを作る（agentic）
/agentic
この様式でUIを組むための、配色・書体・余白・装飾の指針。Conversational AI-first interface with minimal controls, clear o...
いいね 0・閲覧 46