- UI-UX-Pro-Max
本スキルは、単なるレイアウト生成ツールだった AI を本格的な UX 戦略家へと進化させます。
あらゆる UI 制作に着手する前に、ユーザー行動・視線誘導・デザイン原則・実際の製品ニーズを深く理解させることが可能です。
デザイナーは表面的なデザインにとどまらず、AI による状況に適した合理的なデザイン判断を得られます。
導入コマンド：
npx skills add nextlevelbuilder/ui-ux-pro-max-skill@ui-ux-pro-max
- anthropics/frontend-design
AI を実務レベルのフロントエンドデザイン補助パートナーに変身させます。
独自性があり洗練された高品質なインターフェース制作をサポートし、コンポーネント・レイアウト・ページ全体デザインまで幅広く対応。
画一的な AI 風デザインにならず、アイデアをすぐに美しい UI へ落とし込めます。
導入コマンド：
npx skills add anthropics/skills@frontend-design
- shadcn-ui
shadcn/ui コンポーネントライブラリとデザインシステムを AI に深く習得させます。
適切なコンポーネント選定、統一されたスタイル適用、規格に沿った画面制作を実現。
既存のデザイン体系に自然に融合できる、即戦力の正確なコンポーネント提案を入手可能です。
導入コマンド：
npx skills add giuseppe-trisciuoglio/developer-kit@shadcn-ui
- web-design-guidelines
堅固なウェブデザイン原則を AI に定着させます。
プラットフォーム規約・余白ルール・タイポグラフィ基準・レスポンシブデザイン仕様を常に遵守した出力が可能。
完成度の高いプロフェッショナルな制作成果を得られます。
導入コマンド：
npx skills add dreric-labs/agent-skills@web-design-guidelines
- web-accessibility
AI にウェブアクセシビリティ基準とインクルーシブデザインを完全に理解させます。
制作初期段階から WCAG ガイドライン、適切な色彩コントラスト、キーボード操作対応、音声読み上げ用タグ設定を徹底的に活用できます。
導入コマンド：
npx skills add supertonic/skill-template@web-accessibility
