Communitygithub.com

mager/frontend-design

Magerの実際のデザイン嗜好に基づき、コンセプトリードで、触感があり、表現力豊かで、かつ高いユーザビリティを備えたフロントエンドUIを生成、再スタイリング、および開発をガイドするスキルです。エディトリアルな温かみ、明るいモダンなプロダクトデザイン、ハイコントラストなネオンシステムまでを網羅します。フロントエンドUIの構築やレビュー時にこのスキルを活用してください。

frontend-design とは?

このスキルは、AIエージェントが特定のデザインスタイル(magerの実際の嗜好)に従ってフロントエンドUIを生成、再スタイリング、またはガイドするために設計されています。コンセプト主導で、手触りの良さ、表現力、高いユーザビリティを重視し、エディトリアルな温かみ、明るく現代的でプロダクト志向のデザイン、ハイコントラストなネオンシステムという3つの主要なスタイルをサポートします。主にコード生成ツール(Claude Code, Cursorなど)で使用されることを想定しており、スキルファイル自体にはREADME内のMarkdownガイドとスタイル定義が含まれています。このスキルを使用するAIエージェントは、指定されたデザイン言語に沿った一貫性のあるUIを生成できるようになり、開発者が好みの美的感覚を維持しながら開発効率を向上させるのに役立ちます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mager/frontend-design/tree/main/skills/frontend-design

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

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

ドキュメント

frontend-design は何をしますか?

フロントエンドデザインスキル。Magerの実際のデザイン嗜好に基づき、UI開発を生成、再スタイリング、およびガイドします。コンセプトリードで、手触りがあり、表現力豊かで、かつ高いユーザビリティを備えたインターフェース。エディトリアルな温かみ、明るくモダンなプロダクトデザイン、ハイコントラストなネオンシステムまでを網羅します。フロントエンドUIの構築やレビュー時にこのスキルを使用してください。

関連スキル