·ui-ux-design
*

ui-ux-design

samhvw8/dot-claude

UI/UX 設計參考數據庫。 50 多種樣式、21 個調色板、50 種字體配對、20 個圖表、8 個堆棧(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。行動:計劃、構建、創建、設計、實施、審查、修復、改進、優化、增強、重構、檢查 UI/UX 代碼。項目:網站、登陸頁面、儀表板、管理面板、電子商務、SaaS、投資組合、博客、移動應用程序、.html、.tsx、.vue、.svelte。元素:按鈕、模式、導航欄、側邊欄、卡片、表格、表單、圖表。風格:玻璃形態、粘土形態、極簡主義、野獸派、新形態、便當網格、深色模式、響應式、擬物化、平面設計。主題:調色板、輔助功能、動畫、佈局、排版、字體配對、間距、懸停、陰影、漸變。

50安裝·0熱度·@samhvw8

安裝

$npx skills add https://github.com/samhvw8/dot-claude --skill ui-ux-design

SKILL.md

Curated reference database of UI/UX patterns, styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices. Use this as a lookup tool to find proven design patterns and implementation guidance.

If Python is not installed, install it based on user's OS:

When user requests UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:

UI/UX 設計參考數據庫。 50 多種樣式、21 個調色板、50 種字體配對、20 個圖表、8 個堆棧(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。行動:計劃、構建、創建、設計、實施、審查、修復、改進、優化、增強、重構、檢查 UI/UX 代碼。項目:網站、登陸頁面、儀表板、管理面板、電子商務、SaaS、投資組合、博客、移動應用程序、.html、.tsx、.vue、.svelte。元素:按鈕、模式、導航欄、側邊欄、卡片、表格、表單、圖表。風格:玻璃形態、粘土形態、極簡主義、野獸派、新形態、便當網格、深色模式、響應式、擬物化、平面設計。主題:調色板、輔助功能、動畫、佈局、排版、字體配對、間距、懸停、陰影、漸變。 來源:samhvw8/dot-claude。

查看原文

可引用資訊

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

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

快速解答

什麼是 ui-ux-design?

UI/UX 設計參考數據庫。 50 多種樣式、21 個調色板、50 種字體配對、20 個圖表、8 個堆棧(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind)。行動:計劃、構建、創建、設計、實施、審查、修復、改進、優化、增強、重構、檢查 UI/UX 代碼。項目:網站、登陸頁面、儀表板、管理面板、電子商務、SaaS、投資組合、博客、移動應用程序、.html、.tsx、.vue、.svelte。元素:按鈕、模式、導航欄、側邊欄、卡片、表格、表單、圖表。風格:玻璃形態、粘土形態、極簡主義、野獸派、新形態、便當網格、深色模式、響應式、擬物化、平面設計。主題:調色板、輔助功能、動畫、佈局、排版、字體配對、間距、懸停、陰影、漸變。 來源:samhvw8/dot-claude。

如何安裝 ui-ux-design?

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

這個 Skill 的原始碼在哪?

https://github.com/samhvw8/dot-claude