Communitygithub.com

asundiev-devrev/arcade-prototyper

Claude Code向けのDevRevプロトタイパースキル。DevRevのデザインシステムを使用してインタラクティブなHTMLプロトタイプを構築します。

arcade-prototyper とは?

このスキルは、Claude Code上でDevRevのデザインシステムを活用したインタラクティブなHTMLプロトタイプを迅速に作成するためのツールです。開発者は、プロトタイピングの過程でデザインの一貫性を保ちながら、UIコンポーネントやレイアウトをコードベースで直接構築できます。主にClaude Codeプラットフォームで動作し、DevRevのデザインシステムに基づいたレスポンシブなプロトタイプを生成することを目的としています。このスキルを使用することで、デザインから実装への移行をスムーズに行い、フィードバックループを短縮できます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add asundiev-devrev/arcade-prototyper

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

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

ドキュメント

arcade-prototyper は何をしますか?

Claude Code向けのDevRevプロトタイパースキル — DevRevのデザインシステムを使用してインタラクティブなHTMLプロトタイプを構築します。

概要

このスキルは、DevRevのデザインシステムを活用して、Claude Code内で直接インタラクティブなHTMLプロトタイプを作成するためのツールです。開発者はプロトタイピングをコードベースで行い、リアルタイムでフィードバックを得ながらUIコンポーネントを構築できます。

使用方法

  1. Claude Codeを開きます。
  2. プロトタイプの説明を提供します。
  3. スキルが自動的にDevRevのデザインシステムを適用したHTMLを生成します。

対応プラットフォーム

  • Claude Code

注意事項

  • このスキルはDevRevのデザインシステム(例:@devrev/design-system)に依存しています。
  • 生成されたプロトタイプはデモンストレーション目的であり、本番環境での使用を意図していません。

関連スキル