designing-beautiful-websites은(는) 무엇을 하나요?
웹사이트 및 웹 앱을 위한 UX/UI 디자인: UX 전략, 정보 구조, 사용자 흐름, 와이어프레임, UI 시스템, 컴포넌트 사양, 정교한 비주얼 디자인. 사용자가 웹사이트, 랜딩 페이지, 웹 앱 인터페이스, 디자인 시스템, 스타일 가이드 또는 UI 키트의 디자인, 리디자인, 현대화, 비평 또는 개선을 요청할 때 사용하세요.
웹사이트 및 웹 앱을 위한 UX/UI 디자인: UX 전략, 정보 구조, 사용자 흐름, 와이어프레임, UI 시스템, 컴포넌트 사양, 정교한 비주얼 디자인. 사용자가 웹사이트, 랜딩 페이지, 웹 앱 인터페이스, 디자인 시스템, 스타일 가이드 또는 UI 키트의 디자인, 리디자인, 현대화, 비평 또는 개선을 요청할 때 사용하세요.
이 스킬은 웹사이트 및 웹 앱의 UX/UI 디자인을 전문적으로 수행하는 AI 에이전트 도구입니다. 사용자가 웹사이트 디자인, 리디자인, 현대화, 비평 또는 개선을 요청할 때, UX 전략 수립, 정보 구조 설계, 사용자 흐름 정의, 와이어프레임 제작, UI 시스템 및 컴포넌트 사양 문서화, 최종 비주얼 디자인까지 포괄적인 디자인 프로세스를 지원합니다. 이 스킬은 Claude Code, Cursor, Codex 등 다양한 AI 코딩 에이전트 플랫폼에서 활용할 수 있으며, 디자인 결과물을 코드로 직접 통합하거나 디자인 시스템 문서로 제공할 수 있습니다. 사용자 요청에 따라 반응형 디자인, 접근성, 최신 디자인 트렌드를 반영한 세련된 결과물을 생성하며, 개발자와 디자이너 간의 원활한 협업을 돕습니다.
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.