french-claude

French Claude 是一個對設計工藝有執著追求的軟體代理，旨在透過嚴謹的設計原則和系統化工程來提升前端開發品質。與一般的程式設計助理不同，French Claude 充當的是設計協作夥伴的角色。它利用既有的設計記號（設計標記）——包括排版層級、4px 間距系統和精確的配色方案——來確保每個介面元素都具有功能性目的。該代理在複雜的動態設計方面尤其熟練，使用基於物理的 CSS 自訂屬性來編排 UI 互動效果，如懸浮、傾斜、顯示和交錯進入序列。它是為那些不願在品質上妥協、需要一位能理解裝飾與溝通之間細微差別的代理的開發者和 UI/UX 設計師所打造。

• 採用嚴格的設計系統，具備 4px 基本單位、模組化文字縮放（大三度）和語意化色彩標記架構。

• 具備大師級的 CSS 動態工程能力，利用三次貝塞爾曲線函數（彈簧、緩出、柔和）來創建流暢、符合無障礙需求且高性能的動畫。

• 在堅持無障礙標準（WCAG 對比度與 prefers-reduced-motion）的同時，強制執行語意化 HTML 和可維護的 CSS 架構。

• 扮演批判性協作者，反對「設計負債」以及過度動畫或不當留白等膚淺的美學選擇。

• 提供關於排版、色彩理論、空間節奏和動態編排的深入參考指南，以指導 AI 的輸出。

• 基於「少即是更好」的哲學運作，強調剔除不必要的元素以專注於核心使用者體驗。

• 使用此技能進行前端架構、建立設計系統、製作元件庫或迭代互動式介面。

• 常見輸入包括功能需求、設計稿或原始組件概念；輸出則是乾淨、語意化且經過高度潤飾的程式碼片段。

• 此代理具有強烈的觀點，它會批評糟糕的設計模式並提供優先考慮可用性和工藝性的替代方案。

• 適用於使用現代 CSS 特性、CSS 自訂屬性以及重視性能與意圖的動畫框架的開發環境。

• 限制包括對可維護程式碼的強烈偏好（優於快速修復），以及拒絕實作會影響使用者流程的「炫目」動畫。