Communitygithub.com

daniel-dan-conrad/ui-designer

打造独一无二、可直接上线的优质前端界面。当用户需要构建网页组件、页面、制品、海报或应用时(例如网站、落地页、仪表盘、React组件、HTML/CSS布局,或任何涉及美化网页界面的任务),运用此技能。产出富有创意且精炼的代码和UI设计,超越千篇一律的AI美感。

ui-designer 是什么?

该技能旨在赋能AI代理为前端界面生成高度定制化、可直接上线的设计方案。其核心目标是避开常见的AI生成模式,创造出视觉独特且代码优雅的用户界面。当开发者或用户请求构建现代Web应用、组件库或营销页面时,该技能会优先输出结构清晰、易于维护的代码,同时融入超越常规的设计美感和细节处理。它支持所有主流的前端开发场景,包括React、HTML/CSS原生布局、以及复杂的仪表盘界面。技能的核心机制在于其设计哲学:强调“船运就绪”的质量,确保产出的界面不仅在视觉上出众,而且代码本身也符合生产环境的要求。该技能适用于需要高品质UI输出的任何对话场景,特别是在用户明确或暗示需要高水准设计,而不仅仅是功能性实现时。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/daniel-dan-conrad/ui-designer-skill/tree/main/skills/ui-designer

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

ui-designer 是做什么的?

打造独一无二、可直接上线的优质前端界面。当用户需要构建网页组件、页面、制品、海报或应用时(例如网站、落地页、仪表盘、React组件、HTML/CSS布局,或任何涉及美化网页界面的任务),运用此技能。产出富有创意且精炼的代码和UI设计,超越千篇一律的AI美感。

相关技能