Communitygithub.com

Ilm-Alan/frontend-design

Claude Code、Codex、Gemini CLI向けのフロントエンドデザインスキル。8つの美的アンカーが、それぞれパレット、タイポグラフィ、テクスチャを特定のCSSトークンに固定します。ブリーフごとに1つ選択します。

frontend-design とは?

Ilm-Alan/frontend-design は、Claude Code、Codex、Gemini CLI などのAIエージェント向けに設計されたフロントエンドデザインスキルです。8つの「美的アンカー」(Aesthetic Anchor) と呼ばれる事前定義済みのデザインテーマを提供し、各アンカーはカラーパレット、タイポグラフィ、テクスチャを一貫したCSSカスタムプロパティ (トークン) にマッピングします。開発者はプロジェクトのブリーフに応じてアンカーを1つ選択するだけで、統一感のあるデザインシステムを瞬時に適用できます。このスキルは、AIエージェントがフロントエンドコードを生成する際に、首尾一貫したビジュアルスタイルを維持するのに役立ち、デザインの意思決定を簡略化します。主にCSSカスタムプロパティを活用しており、モダンなフロントエンドフレームワークやプレーンなHTML/CSSプロジェクトと互換性があります。

対応✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add Ilm-Alan/frontend-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

frontend-design は何をしますか?

Claude Code、Codex、Gemini CLI向けのフロントエンドデザインスキル。8つの美的アンカーが、それぞれパレット、タイポグラフィ、テクスチャを特定のCSSトークンに固定します。ブリーフごとに1つ選択します。

関連スキル