ui-design-styles

SKILL.md

This skill provides specialized knowledge and workflows for implementing the most popular modern UI design styles. It focuses on achieving a professional, polished look while maintaining high standards for accessibility and legibility.

Regardless of the chosen style, always apply these fundamental practices:

ソフト UI、ダーク モード、フラット デザイン、ニューモーフィズム、グラスモーフィズム、Aurora UI グラデーションなど、最新の UI デザイン スタイルを適用するための包括的なガイダンス。ユーザーが次のことを要求する場合に使用します: (1) プロジェクトに特定の UI スタイルを適用する、(2) モダンで視覚的に魅力的な UI プロトタイプを作成する、(3) デザインのトレンドに従いながらアクセシビリティを向上させる、または (4) すりガラスやソフト シャドウなどの特定の UI 効果の技術的な実装を理解する。 ソース: ab22593k/design-styles-skill。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ab22593k/design-styles-skill --skill ui-design-styles インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る