frontend-design

About this tool

frontend-design是Anthropic推出的前端设计Skill，用于Claude Code等AI编程Agent。工具要求模型编码前先明确目的、受众、视觉语气与技术约束，

Key features

• 设计前思考框架
• 字体排印指导
• 色彩与主题系统
• 动效编排策略
• 空间构图突破
• 背景与视觉细节

Use cases and audience

待编辑核验

• 完整Web页面构建
• 组件设计与重构
• 已有页面视觉升级
• 无设计稿原型补齐

How to use

1. 01

   自动触发

2. 02

   显式触发

3. 03

   补充业务上下文

4. 04

   先读取现有约定

Before you start

Check availability, registration, limits and plans on the official site. Try a small sample before choosing.

This profile uses public official information, without full testing. Commercial terms, privacy, regional access and limits need further checks.