·ui-design-styles
*

ui-design-styles

ab22593k/design-styles-skill

應用現代 UI 設計風格的綜合指南,包括 Soft UI、深色模式、扁平化設計、Neumorphism、Glassmorphism 和 Aurora UI 漸變。當用戶要求執行以下操作時使用:(1) 將特定的 UI 樣式應用於項目,(2) 創建現代、視覺上有吸引力的 UI 原型,(3) 在遵循設計趨勢的同時提高可訪問性,或 (4) 了解特定 UI 效果(如毛玻璃或柔和陰影)的技術實現。

3安裝·0熱度·@ab22593k

安裝

$npx skills add https://github.com/ab22593k/design-styles-skill --skill 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 設計風格的綜合指南,包括 Soft UI、深色模式、扁平化設計、Neumorphism、Glassmorphism 和 Aurora 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 中使用

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/ab22593k/design-styles-skill --skill ui-design-styles
分類
*創意媒體
認證
收錄時間
2026-02-02
更新時間
2026-02-18

快速解答

什麼是 ui-design-styles?

應用現代 UI 設計風格的綜合指南,包括 Soft UI、深色模式、扁平化設計、Neumorphism、Glassmorphism 和 Aurora UI 漸變。當用戶要求執行以下操作時使用:(1) 將特定的 UI 樣式應用於項目,(2) 創建現代、視覺上有吸引力的 UI 原型,(3) 在遵循設計趨勢的同時提高可訪問性,或 (4) 了解特定 UI 效果(如毛玻璃或柔和陰影)的技術實現。 來源:ab22593k/design-styles-skill。

如何安裝 ui-design-styles?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/ab22593k/design-styles-skill --skill ui-design-styles 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/ab22593k/design-styles-skill

詳情

分類
*創意媒體
來源
skills.sh
收錄時間
2026-02-02

相關 Skills

暫無