phy-frontend-design

{ “overview_html”: “phy-frontend-design 是一项专注于打造独特、生产级且高设计质量前端界面的专业技能。它旨在帮助用户构建网页组件、页面或完整应用，避免落入通用‘AI 生成内容’的美学陷阱。该技能强调在编码前深入理解项目背景，并果断选择一个大胆的视觉方向，例如极致简约、奢华精致或复古未来主义等。通过精细的创意决策和对每个细节的极致打磨，最终产出不仅功能完善，而且在视觉上令人难忘、具有强烈个人风格的前端作品。其核心在于拒绝千篇一律的设计模板，鼓励开发者根据具体场景和目标受众，做出富有想象力和针对性的美学选择。”, “feature_items”: [ “**独特美学导向**: 强制要求设计师在项目初期就明确一个大胆且独特的视觉风格（如极简主义、奢华精致或复古未来），确保界面具有强烈的品牌识别度和记忆点，彻底摒弃通用和 cliché 的设计。”, “**生产级代码实现**: 生成的代码必须是可运行的、功能完整的，并且经过高度优化，能够直接用于实际项目开发，保证性能和稳定性。”, “**极致细节打磨**: 对每一个视觉元素进行精雕细琢，包括字体选择、色彩搭配、动画效果、空间布局和背景纹理等，追求从宏观到微观的完美呈现。”, “**创造性技术匹配**: 根据所选的美学风格，灵活运用相应的技术手段。例如，为复杂的设计实现大量动画和特效，而为简约设计则注重精确的间距、排版和微妙细节，以体现设计的优雅与克制。”, “**上下文驱动设计**: 强调在设计之初就深入理解项目的目的、用户群体和技术约束，确保最终的设计方案能够精准解决实际问题，并与项目整体目标保持一致。” ], “scenarios_html”: “phy-frontend-design 技能适用于所有需要创建高质量、有吸引力且独特前端界面的场景。无论是开发一个展示企业品牌形象的官方网站，还是设计一款面向年轻用户的互动性强的移动应用界面，亦或是构建一个数据可视化平台，该技能都能提供强有力的支持。它特别适合那些希望摆脱平庸、追求差异化体验的项目。例如，在初创公司需要快速建立独特市场形象时，或在大型企业内部系统升级中需要提升用户体验和视觉质感时，这项技能都能发挥关键作用。通过其强调的‘BOLD 美学方向’和‘生产级代码实现’，phy-frontend-design 能够帮助开发者创造出既美观又实用的产品，从而在竞争激烈的市场中脱颖而出。” }