ui-ux-pro-max 是做什麼的?
UI/UX 設計智能。規劃、建構、設計、實作、審查、改善 UI/UX 程式碼。風格涵蓋:圖像優先、編輯設計、極簡主義、深色模式、響應式設計。專案類型:登陸頁面、儀表板、SaaS、行動應用程式。
UI/UX 設計智能:規劃、建構、設計、實作、審查與改善 UI/UX 程式碼。風格涵蓋:圖像優先、編輯設計、極簡主義、深色模式、響應式設計。專案類型:登陸頁面、儀表板、SaaS、行動應用程式。
這是一個專為 AI 代理(如 Claude Code、Cursor、Codex 等)設計的 UI/UX 開發技能,旨在提供從規劃到實作的全方位使用者介面與使用者體驗設計智能。它支援的設計風格包括圖像優先 (image-first)、編輯設計 (editorial design)、極簡主義 (minimalism)、深色模式 (dark mode) 以及響應式 (responsive) 設計,適用於登陸頁面 (landing page)、儀表板 (dashboard)、SaaS 平台與行動應用程式 (mobile app) 等常見專案類型。該技能基於 SKILL.md 文件中的指引運作,協助開發者以高效且一致的方式生成、審查並改進 UI/UX 程式碼。它整合了設計思維與程式碼實作,特別強調在現代開發工作流程中,透過 AI 輔助來提升前端開發的品質與速度。
npx skills add https://github.com/kimny1143/claude-code-template/tree/main/skills/ui-ux-pro-maxInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
UI/UX 設計智能。規劃、建構、設計、實作、審查、改善 UI/UX 程式碼。風格涵蓋:圖像優先、編輯設計、極簡主義、深色模式、響應式設計。專案類型:登陸頁面、儀表板、SaaS、行動應用程式。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.