Skill

Frontend Design

给网页选定视觉方向,再把设计落到代码里。

AnthropicApache-2.0收录于
效果示意
> 给咖啡烘焙店做个落地页
⏺ 方向:用烘焙曲线做主视觉
字体:一款衬线配一款无衬线
避开奶油底配陶土色的套路

介绍

Frontend Design 是 Anthropic 的前端设计 Skill,用来指导 Claude 在制作或重做界面时做出明确的视觉选择。它关注页面主题、受众和主要用途,再把这些信息落实到字体、色彩、布局和细节中,避免每个项目都套用同一种默认外观。

指导内容:Skill 鼓励先确定整体设计方向,再保持排版、留白和界面元素之间的一致性。它提供的是随任务加载的设计指令,让编码过程中的选择更有依据,而不是一套必须照搬的组件库。

使用前:通过原仓库的 Skill / 插件安装说明接入,并提供具体内容、技术条件和视觉需求。生成结果仍需要你在真实页面中检查,尤其是手机布局、文字可读性和交互状态;Skill 本身不会保证每次设计都符合你的偏好。

适合谁

  • 制作网页或重做 UI 的开发者
  • 希望明确视觉方向再实现的人

怎么安装

安装方式以原作者的说明为准。ClaudeModHub 只做收集和介绍,不托管代码;安装前请先看一眼原项目的说明和权限。

查看原作者的安装说明