Fable Design System

Fable Design System 是一套开源设计系统，旨在将 Anthropic 已消失的 Fable 实验中的卓越设计品味带入任何 AI 编码代理。该项目由一位开发者因怀念 Fable 的高质量网站设计而重建，免费以 MIT 许可证发布。

核心功能

该系统强化了排版、间距、层级、动效、可访问性和自我批评原则，使 AI 编码代理（如 Claude、Cursor、Codex、Gemini 等）能够生成具有 Fable 风格美感的界面。

主要特性

• 强化排版：提供更优雅的字体组合和字重选择，提升可读性。
• 精准间距：定义一致的间距系统，确保布局呼吸感。
• 清晰层级：通过视觉权重引导用户注意力，信息结构一目了然。
• 流畅动效：内置微交互动画，增强用户体验。
• 可访问性优先：遵循 WCAG 标准，确保所有用户可用。
• 自我批评机制：设计原则中包含自动审查，帮助 AI 输出更一致的设计。

适用场景

• 使用 AI 编码代理生成前端界面的开发者。
• 希望为 AI 生成内容注入专业设计品味的团队。
• 对 Fable 设计风格怀念并希望复现的设计师与开发者。