Communityコーディング&開発github.com

hwl-svg/highfi-visual-prototype

プロダクトマネージャー向けの高忠実度ビジュアルプロトタイプCodexスキル

highfi-visual-prototype とは?

このスキルは、プロダクトマネージャーがCodex(AIコード生成エージェント)上で高忠実度のビジュアルプロトタイプを迅速に作成するためのものです。UIデザインをコードベースで表現し、詳細なビジュアル要素を生成することで、従来のモックアップツールでは実現しにくい動的なプロトタイピングを可能にします。特にSVG(Scalable Vector Graphics)を活用し、ベクターベースで拡張性の高いプロトタイプが作成できるため、レビューや修正が容易です。プロダクトマネージャーがエンジニアに依頼する前に、アイデアを具体的な形として可視化し、チーム内でのコミュニケーションを円滑にするのに役立ちます。このスキルは、Codex環境での使用に最適化されており、迅速なイテレーションと実験をサポートします。

対応~Claude Code✓Codex CLI~Cursor
npx skills add hwl-svg/highfi-visual-prototype

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

ドキュメント

highfi-visual-prototype は何をしますか?

プロダクトマネージャー向けの高忠実度ビジュアルプロトタイプCodexスキル

関連スキル