frontend-ui-dark-ts
✓Tailwind CSS とカスタム テーマ、グラスモーフィズム効果、フレーマー モーション アニメーションを使用して、ダークテーマの React アプリケーションを構築します。洗練されたダークな美学を備えたダッシュボード、管理パネル、またはデータが豊富なインターフェイスを作成する場合に使用します。
SKILL.md
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
| react | ^18.x | UI framework | | react-dom | ^18.x | DOM rendering | | react-router-dom | ^6.x | Routing | | framer-motion | ^11.x | Animations | | clsx | ^2.x | Class merging | | tailwindcss | ^3.x | Styling | | vite | ^5.x | Build tool | | typescript | ^5.x | Type safety |
The HTML entry point with mobile viewport, favicons, and social meta tags:
Tailwind CSS とカスタム テーマ、グラスモーフィズム効果、フレーマー モーション アニメーションを使用して、ダークテーマの React アプリケーションを構築します。洗練されたダークな美学を備えたダッシュボード、管理パネル、またはデータが豊富なインターフェイスを作成する場合に使用します。 ソース: microsoft/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-ts- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-ui-dark-ts とは？
Tailwind CSS とカスタム テーマ、グラスモーフィズム効果、フレーマー モーション アニメーションを使用して、ダークテーマの React アプリケーションを構築します。洗練されたダークな美学を備えたダッシュボード、管理パネル、またはデータが豊富なインターフェイスを作成する場合に使用します。 ソース: microsoft/agent-skills。
frontend-ui-dark-ts のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/microsoft/agent-skills --skill frontend-ui-dark-ts インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/microsoft/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01