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

AgentsORG/design-engineering

デザインエンジニアリングのためのスキルグラフ:アニメーション、トランジション、センス、タイポグラフィ、カラー、コンポーネント、アンチパターン。

design-engineering とは?

このスキルは、デザインエンジニアリングに関連する幅広い知識を構造化したスキルグラフです。アニメーション、トランジション、視覚的なセンス、タイポグラフィ、カラー設計、コンポーネント設計、そしてアンチパターンといったトピックをカバーしており、AIエージェント(Claude Code、Cursor、Codexなど)がフロントエンド開発やUI実装において、より洗練されたデザイン判断を行えるように支援します。このスキルは、単なる構文やAPIの知識ではなく、デザインの原理やベストプラクティス、よくある間違いを理解するための知識グラフとして機能します。そのため、開発者が一貫性のある美しいユーザーインターフェースを構築する際や、コードレビューでデザイン品質を評価する際に特に有用です。各トピックは相互に関連付けられており、AIは文脈に応じて適切な知識を活用できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add AgentsORG/design-engineering

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

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

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

ドキュメント

design-engineering は何をしますか?

デザインエンジニアリングのためのスキルグラフ:アニメーション、トランジション、センス、タイポグラフィ、カラー、コンポーネント、アンチパターン。

関連スキル