ホーム / Skills
AIエージェント Skills
Claude Code などのAIエージェント向けに厳選した Skills。多くに実際に動かしたデモを付け、すべてに出典・ライセンス・リスクを明記し、未試用のものは明示しています。
UI Styling(shadcn/ui + Tailwind)
shadcn/ui と Tailwind CSS で、アクセシブルでレスポンシブな UI を作るためのガイド。ダークモード、テーマ設定、キャンバスを使ったビジュアルデザインの考え方も含みます。
Web デザインレビュー(Web Design Reviewer)
動いている Web サイトのレイアウト、レスポンシブ、アクセシビリティ、一貫性の問題を点検し、最小限の変更でソースコードを修正して再確認します。
アルゴリズミック・アート Algorithmic Art
テーマからジェネレーティブアートの宣言文を書き、シード切替・パラメータスライダー・PNG出力を備えた p5.js 作品に仕上げます。
Slides(戦略的な HTML プレゼン)
説得力のある HTML プレゼンを企画・作成します。デッキ構成、スライドごとのレイアウト、コピーの型、Chart.js のグラフに対応し、キーボード操作も備えています。
Web Artifacts Builder
TypeScript、Tailwind CSS、shadcn/ui で複雑な自己完結型 React Web アーティファクトを構築します。