designing-beautiful-websites 是做什麼的？
為網站和網路應用程式設計 UX/UI：包含 UX 策略、資訊架構、使用者流程、線稿、UI 系統、元件規格與精美的視覺設計。當使用者要求設計、重新設計、現代化、評論或改進網站、登陸頁面、網路應用程式介面、設計系統、樣式指南或 UI 套件時使用。
為網站和網路應用程式設計 UX/UI：包含 UX 策略、資訊架構、使用者流程、線稿、UI 系統、元件規格與精美的視覺設計。當使用者要求設計、重新設計、現代化、評論或改進網站、登陸頁面、網路應用程式介面、設計系統、樣式指南或 UI 套件時使用。
此技能專注於網站與Web應用程式的UX/UI設計，涵蓋從策略到執行的完整流程。它能夠協助你進行UX策略規劃、資訊架構設計、建立使用者流程和線稿，並產出UI系統與元件規格，最終實現精美的視覺設計。這項技能特別適合在需要設計、重新設計、現代化或改進網站、登陸頁面、Web應用介面、設計系統、樣式指南或UI套件時使用。無論是初期概念發想還是後期細節調整，它都能提供結構化的設計框架與實務建議。支援的場景廣泛，從小型登陸頁面到大型應用程式的介面設計皆可應用。透過清晰的設計流程與規範輸出，能有效提升團隊溝通效率與設計一致性。
npx skills add https://github.com/tristanmanchester/agent-skills/tree/main/skills/designing-beautiful-websitesInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
為網站和網路應用程式設計 UX/UI：包含 UX 策略、資訊架構、使用者流程、線稿、UI 系統、元件規格與精美的視覺設計。當使用者要求設計、重新設計、現代化、評論或改進網站、登陸頁面、網路應用程式介面、設計系統、樣式指南或 UI 套件時使用。
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.