Communitygithub.com

broomva/arcan-glass

Arcan Glass — AIエージェント向けBroomVA商標のウェブスタイリングスキル。Next.js + Tailwind v4 + shadcn/uiのためのダークファーストグラスデザイン言語。

arcan-glass とは?

このスキルは、AIエージェント(例:Claude Code、Cursor、Codexなど)がNext.js、Tailwind CSS v4、shadcn/uiを使用したプロジェクトで、ダークモードを基調としたグラスモーフィズム(ガラスのような半透明デザイン)を簡単に適用できるようにするものです。BroomVAの商標であるArcan Glassデザイン言語を実装し、視覚的に統一感のあるモダンなUIを迅速に構築するためのスタイルガイドラインとユーティリティを提供します。このスキルは、バックグラウンドのブラー、半透明のオーバーレイ、アクセントカラーなどのCSSプロパティを駆使して、没入感のあるダークUIを生成します。開発者は、このスキルを使用して、プロンプトから直接一貫性のあるエレガントなグラスデザインをAIに指示できるため、手動でスタイルを調整する手間を省けます。

対応~Claude Code~Codex CLI~Cursor
npx skills add broomva/arcan-glass

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

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

ドキュメント

arcan-glass は何をしますか?

Arcan Glass — BroomVA商標のAIエージェント向けウェブスタイリングスキル。Next.js + Tailwind v4 + shadcn/uiのためのダークファーストグラスデザイン言語。

関連スキル