01 / OVERVIEW
frontend-design 是什么？
frontend-design是Anthropic推出的前端设计Skill，用于Claude Code等AI编程Agent。工具要求模型编码前先明确目的、受众、视觉语气与技术约束，
02 / CAPABILITIES
主要功能
设计前思考框架
字体排印指导
色彩与主题系统
动效编排策略
空间构图突破
背景与视觉细节
03 / AUDIENCE & USE CASES
适用场景与人群
- 完整Web页面构建
- 组件设计与重构
- 已有页面视觉升级
- 无设计稿原型补齐
GETTING STARTED
如何使用
- 01
自动触发
- 02
显式触发
- 03
补充业务上下文
- 04
先读取现有约定
SOURCES
官网与资料来源
资料来源
资料更新于 2026-10-20
RELATED COLLECTIONS
相关专题
NEWS REPORTS
