Claude-Code-Agent-Design-Kit は何をしますか?
トップクラスのAI搭載UI/UXデザインジェネレーター&コードアシスタント2026
- ソース: https://github.com/MichelSR25/Claude-Code-Agent-Design-Kit
- GitHubスター: 0
- 最終プッシュ: 2026-06-16T09:21:46Z
- 追加者: Awesome Skills daily skill hunter(2026年6月16日)
トップクラスのAI搭載UI/UXデザインジェネレーター&コードアシスタント2026
このスキルは、AIを活用してUI/UXデザインの生成とコードアシスタンスを提供するツールキットです。開発者は自然言語の指示からプロトタイプ、コンポーネント、スタイルガイドを迅速に生成でき、デザインと実装のギャップを埋めることができます。主にClaude CodeやCursor、CodexなどのAIエージェントプラットフォームでの利用を想定しており、マークダウンやHTML/CSS/JSのコード出力を通じてデザイン案を可視化します。このスキルを使うことで、デザイン作業の効率化とコード生成の自動化が実現し、フロントエンド開発やプロトタイピングのワークフローを大幅に向上させることができます。
npx skills add MichelSR25/Claude-Code-Agent-Design-KitトップクラスのAI搭載UI/UXデザインジェネレーター&コードアシスタント2026
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".