React、Tailwind CSS、shadcn/ui を使用して、特徴的な運用グレードの静的サイトを作成します。モックアップは必要ありません。 AI スロップ対策の美学、モバイルファーストの応答パターン、および単一ファイルのバンドルを使用して、プレーン テキストの要件から大胆で記憶に残るデザインを生成します。ランディング ページ、マーケティング サイト、ポートフォリオ、ダッシュボード、または静的な Web UI を構築するときに使用します。 Vite (純粋な静的) ワークフローと Next.js (Vercel デプロイ) ワークフローの両方をサポートします。
コマンドラインで frontend-design-ultimate AI スキルを開発環境にすばやくインストール
ソース: kesslerio/frontend-design-ultimate-clawhub-skill。
Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.
Stack: React 18 + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion Output: Vite (static HTML) or Next.js (Vercel-ready)
Before writing any code, commit to a BOLD aesthetic direction:
React、Tailwind CSS、shadcn/ui を使用して、特徴的な運用グレードの静的サイトを作成します。モックアップは必要ありません。 AI スロップ対策の美学、モバイルファーストの応答パターン、および単一ファイルのバンドルを使用して、プレーン テキストの要件から大胆で記憶に残るデザインを生成します。ランディング ページ、マーケティング サイト、ポートフォリオ、ダッシュボード、または静的な Web UI を構築するときに使用します。 Vite (純粋な静的) ワークフローと Next.js (Vercel デプロイ) ワークフローの両方をサポートします。 ソース: kesslerio/frontend-design-ultimate-clawhub-skill。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimateBrowse more skills from kesslerio/frontend-design-ultimate-clawhub-skill
React、Tailwind CSS、shadcn/ui を使用して、特徴的な運用グレードの静的サイトを作成します。モックアップは必要ありません。 AI スロップ対策の美学、モバイルファーストの応答パターン、および単一ファイルのバンドルを使用して、プレーン テキストの要件から大胆で記憶に残るデザインを生成します。ランディング ページ、マーケティング サイト、ポートフォリオ、ダッシュボード、または静的な Web UI を構築するときに使用します。 Vite (純粋な静的) ワークフローと Next.js (Vercel デプロイ) ワークフローの両方をサポートします。 ソース: kesslerio/frontend-design-ultimate-clawhub-skill。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimate インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill