frontend-design-pro

frontend-design-pro 是一个专为工程师与视觉总监设计的进阶创意伙伴，致力于高水准的前端界面开发。它通过严格的设计系统原则与精致的 UI 模式，弥补了代码编写与代理商等级视觉执行之间的差距。无论是构建登陆页面、仪表板组件或互动式英雄区，该代理都能确保每一个产出都呈现出定制化的顶级质感。它通过坚持工匠级的设计选择、有特色的字体编排与富有目的性的动态效果，坚决排除平庸的 AI 生成内容。

• 专业级实现 11 种独特美学风格，包括玻璃拟态 (Glassmorphism)、野兽派 (Brutalism)、新拟态 (Neumorphism) 与深色 OLED 极简奢华。

• 严选的影像来源系统，仅提供来自 Unsplash、Pexels 与 Pixabay 的高质量直连链接，确保无损坏链接或虚假素材。

• 为 Flux、Midjourney 与 Ideogram 量身打造的高级影像生成提示词，精确维持界面的语意与视觉完整性。

• 严谨的技术标准，包含 CSS 自定义属性 (Custom Properties)、语义化 HTML、WCAG AA/AAA 无障碍合规性，以及最佳化的效能工作流。

• 策略性使用具有个性的字体（如 Satoshi, Neue Machina, Clash Display）取代系统默认字体，提升视觉层次。

• 强调不对称性、对角线流动与重叠网格的进阶排版技术，超越传统重复性的 UI 布局。

• 非常适合前端开发者、UI 设计师与技术创始人，协助您跳过标准 UI 模板，创造具有市场领先地位的独特美学。

• 输出生产级的 HTML、Tailwind CSS 以及 React/Vue 代码，格式化后可直接整合至 Vite 或其他构建系统项目中。

• 该代理扮演视觉总监角色，您只需提供主题或方向，它将处理配色方案、字体选择、标志性视觉细节与摄影素材。

• 始终遵循响应式设计规则、优先处理 reduced-motion 设置，并专注于平衡的留白与对齐，达到代理商等级的精致度。

• 系统旨在提供完整且可立即部署的组件，而非泛泛的代码片段，确保您的整个代码库维持一致的设计水准。