Communitygithub.com

designedbytaiyab/Netcore デザインシステム 3.0

Claude、Cursor、Lovableエージェント向けのスキルで、AIが生成するUIにNetcore製品のデザインシステムを強制適用します。Manropeフォント、ブランドブルー#2F68E5、白い入力フィールド、8pxの角丸、Untitled UIのコンポーネント構造にNetcoreトークンのオーバーライドを組み合わせます。

Netcore デザインシステム 3.0 とは?

このスキルは、Claude、Cursor、LovableなどのAI駆動開発エージェントが生成するUIに、Netcoreの製品デザインシステムを自動的に適用します。具体的には、Manropeフォントの採用、ブランドカラー#2F68E5の青色、白い入力フィールド、8pxの角丸半径といった統一的なビジュアルスタイルを強制します。また、Untitled UIのコンポーネントアーキテクチャをベースに、Netcore独自のデザイントークンでオーバーライドすることで、一貫性のあるプロフェッショナルなUIを実現します。開発者はこのスキルを追加するだけで、AIが生成するUIコンポーネントが自動的にNetcoreのガイドラインに準拠するため、手動での調整作業を大幅に削減できます。これにより、ブランドの一貫性を保ちながら開発効率を向上させることが可能です。

対応✓Claude Code~Codex CLI✓Cursor
npx skills add designedbytaiyab/Netcore-Design-System-3.0

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

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

ドキュメント

Netcore デザインシステム 3.0 は何をしますか?

Claude、Cursor、Lovableエージェント向けのスキルで、AIが生成するUIにNetcore製品のデザインシステムを強制適用します。Manropeフォント、ブランドブルー#2F68E5、白い入力フィールド、8pxの角丸、Untitled UIのコンポーネント構造にNetcoreトークンのオーバーライドを組み合わせます。

関連スキル