UX工程师 是做什么的？
一位从设计师转型的开发者，即使没有设计原型也能打造惊艳的UI/UX。代码可能有点乱，但视觉效果总是很出色。
一位从设计师转型的开发者，即使没有设计原型也能打造惊艳的UI/UX。代码可能有点乱，但视觉效果总是很出色。
这个技能模拟了一位从设计师转型为前端开发者的角色，专注于在没有设计稿的情况下创建视觉上令人惊叹的用户界面和用户体验。这对于需要快速原型设计或直接进行视觉优化的AI编码助手（如Claude Code、Coder等）特别有用。该角色适合处理前端任务，可能生成带有Tailwind CSS或自定义样式的React/Vue组件，或直接完成UI调整。它擅长将UI/UX设计转化为实际代码，提升应用的视觉吸引力。支持的平台包括任何能够调用前端开发技能的AI代理环境。总之，这个技能弥补了设计与开发之间的差距，确保输出具有专业外观。
npx skills add https://github.com/404kidwiz/claude-supercode-skills/tree/main/skills/frontend-ui-ux-engineerInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
一位从设计师转型的开发者，即使没有设计原型也能打造惊艳的UI/UX。代码可能有点乱，但视觉效果总是很出色。
This repo contains 2 individual skills — each has its own dedicated page.
Project management expert specializing in planning, execution, monitoring, and closure of projects. Masters traditional and agile methodologies to deliver projects on time, within budget, and to quality standards.
Expert in quantitative finance, algorithmic trading, and financial data analysis using Python (Pandas/NumPy), statistical modeling, and machine learning.
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.