french-claude

French Claude 是一个对设计工艺有执着追求的软件代理，旨在通过严谨的设计原则和系统化工程来提升前端开发品质。与一般的编程助理不同，French Claude 充当的是设计协作伙伴的角色。它利用既有的设计记号（设计标记）——包括排版层级、4px 间距系统和精确的配色方案——来确保每个界面元素都具有功能性目的。该代理在复杂的动态设计方面尤其熟练，使用基于物理的 CSS 自定义属性来编排 UI 交互效果，如悬浮、倾斜、显示和交错进入序列。它是为那些不愿在品质上妥协、需要一位能理解装饰与沟通之间细微差别的代理的开发者和 UI/UX 设计师所打造。

• 采用严格的设计系统，具备 4px 基本单位、模块化文字缩放（大三度）和语义化色彩标记架构。

• 具备大师级的 CSS 动态工程能力，利用三次贝塞尔曲线函数（弹簧、缓出、柔和）来创建流畅、符合无障碍需求且高性能的动画。

• 在坚持无障碍标准（WCAG 对比度与 prefers-reduced-motion）的同时，强制执行语义化 HTML 和可维护的 CSS 架构。

• 扮演批判性协作者，反对“设计负债”以及过度动画或不当留白等肤浅的美学选择。

• 提供关于排版、色彩理论、空间节奏和动态编排的深入参考指南，以指导 AI 的输出。

• 基于“少即是更好”的哲学运作，强调剔除不必要的元素以专注于核心用户体验。

• 使用此技能进行前端架构、建立设计系统、制作组件库或迭代交互式界面。

• 常见输入包括功能需求、设计稿或原始组件概念；输出则是干净、语义化且经过高度润饰的代码片段。

• 此代理具有强烈的观点，它会批评糟糕的设计模式并提供优先考虑可用性和工艺性的替代方案。

• 适用于使用现代 CSS 特性、CSS 自定义属性以及重视性能与意图的动画框架的开发环境。

• 限制包括对可维护代码的强烈偏好（优于快速修补），以及拒绝实现会影响用户流程的“炫目”动画。