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

theRolento/devibify

VibeコーディングによるUIの乱雑さを避け、意図的で一貫性のあるプロダクションレディなフロントエンドデザインを構築するためのCodexスキルです。

devibify とは?

theRolento/devibifyは、AIエージェント(特にCodex)向けに設計されたスキルで、いわゆる「Vibeコーディング」による無秩序なUI生成を防止し、意図的で一貫性のあるプロダクションレベルのフロントエンドデザインを実現します。このスキルは、開発者がAIにフロントエンドのスタイリングやレイアウトを任せる際に、細かい修正や「らしくない」デザインが生まれる問題を解決します。具体的には、デザインシステムの原則に基づいたルールやテンプレートを提供し、CSSフレームワークやコンポーネントライブラリと組み合わせることで、統一感のあるUIを効率的に生成できます。主にCodexプラットフォーム上で動作し、ユーザーが定義したデザイントークンやスタイルガイドに従って、AIによる出力を制御します。これにより、開発者はデザインの品質を維持しながら、AIの高速なプロトタイピング能力を最大限に活用できます。

対応~Claude CodeCodex CLI~Cursor
npx skills add theRolento/devibify

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

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

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

ドキュメント

devibify は何をしますか?

Codex skill for avoiding vibe-coded UI and building intentional, consistent, production-ready frontend design.

関連スキル