Communitygithub.com

OkminLee/claude-design-mode

HTML/JSXデザインアーティファクトの作成を支援するClaude Codeプラグイン。プレビュー、検証、スターター、微調整、サブスキルを提供します。

claude-design-mode とは?

このスキルは、Claude Code上でHTMLやJSXを用いたデザインアーティファクトを作成・反復するためのプラグインです。主な機能として、作成したデザインのライブプレビュー、構文やスタイルの自動検証、クイックスタート用のテンプレート(スターター)、細かな調整(Tweaks)を可能にするインタラクション、そして複雑なワークフローを分割するサブスキルを備えています。これにより、フロントエンド開発者やデザイナーは、Claude Codeの会話型インターフェース内で迅速にプロトタイプを作成し、ビジュアルフィードバックを得ながら効率的にデザインを洗練できます。主にHTML/CSS/JSXプロジェクトを対象としており、Claude Codeのエージェント機能と連携して動作します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add OkminLee/claude-design-mode

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

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

ドキュメント

claude-design-mode は何をしますか?

Claude Code上でHTML/JSXデザインアーティファクトを作成するためのプラグインです。プレビュー、検証、スターター、微調整(Tweaks)、サブスキルを提供します。

関連スキル