design-style

SKILL.md

This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.

The following design systems are available in the prompts/ directory:

Ask the user if you're uncertain about which style fits their needs.

當用戶要求構建、創建、設計、開發或改進任何前端界面、網頁、UI 組件或視覺元素時，請使用此技能。這包括： - 構建登陸頁面、網站、網絡應用程序、儀表板、投資組合或任何網絡界面 - 創建 UI 組件（按鈕、表單、卡片、導航欄、模式等） - 使用 React、Vue、Next.js、Svelte 或任何前端框架設計頁面 - 添加樣式或改進現有組件的視覺設計 - 實施特定的設計美學（現代、黑暗、極簡、野獸派等） - 用戶提及“前端”、“UI”、“UX”、“設計”、“界面”、“網頁設計”或“樣式” - 用戶詢問“美麗”、“現代”、“專業”、“乾淨”或任何美學形容詞 - 用戶請求有關 CSS、Tailwind、樣式組件或任何樣式方法的幫助 該技能會自動檢索適當的設計系統提示（新野蠻主義、現代黑暗主義、包豪斯、賽博朋克、材料等），以幫助創建視覺上獨特的生產級前端代碼，而不是通用的 UI。 重要提示：為任何前端/UI 工作主動觸發此技能，而不僅僅是在明確提到設計風格時。 來源：nakanosanku/ohmyskills。

查看原文