Frontend Design Claude 技能

为新建或改版界面提供视觉设计、字体及审美决策指导。

发布者：anthropicsanthropics/skills/frontend-design

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

安装

选择客户端，然后复制命令。

Claude Code

个人技能目录 ~/.claude/skills（单个项目用 .claude/skills）

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p ~/.claude/skills && cp -R skills/frontend-design ~/.claude/skills/frontend-design

Codex

此条目尚未核实 Codex 配置片段

兼容性未确认，因此不提供可直接复制的安装命令。可从固定版本检出开始，并按来源文档确定文件夹放置位置。

固定版本检出（所有客户端相同）

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44

阅读固定版本配置文档 Codex 技能文档

Cursor

此条目尚未核实 Cursor 配置片段

兼容性未确认，因此不提供可直接复制的安装命令。可从固定版本检出开始，并按来源文档确定文件夹放置位置。

固定版本检出（所有客户端相同）

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44

阅读固定版本配置文档

Git

检出固定版本

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/anthropics/skills/blob/dbd4588f9e1033efb41dad4bef2f7947c8993d44/skills/frontend-design/SKILL.md (pinned revision dbd4588f9e10). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

如何安装 Claude Code 技能：对比文件夹、插件与 CLI 方式

全部客户端说明（无需 JavaScript）

Claude Code

个人技能目录 ~/.claude/skills（单个项目用 .claude/skills）

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44
mkdir -p ~/.claude/skills && cp -R skills/frontend-design ~/.claude/skills/frontend-design

Codex

尚未核实此客户端的专用配置片段。请查阅下方通用配置和固定版本来源；兼容性未确认。

阅读固定版本来源

Cursor

尚未核实此客户端的专用配置片段。请查阅下方通用配置和固定版本来源；兼容性未确认。

阅读固定版本来源

Git

检出固定版本

git clone 'https://github.com/anthropics/skills.git'
cd skills && git checkout dbd4588f9e1033efb41dad4bef2f7947c8993d44

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/anthropics/skills/blob/dbd4588f9e1033efb41dad4bef2f7947c8993d44/skills/frontend-design/SKILL.md (pinned revision dbd4588f9e10). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

收录 ≠ 审计。代码片段依据固定版本的来源文档；运行前请检查来源和脚本。本页面不会安装任何内容。

来源记录

仓库: anthropics/skills
来源文件: skills/frontend-design/SKILL.md
固定版本: dbd4588
上游提交日期: 2026 年 10 月 9 日
最近核验: 2026 年 10 月 17 日
许可: Apache-2.0
指南推荐: 1

没有评分，不会自动安装。与发布者无隶属关系。

你将打开的内容

包含智能体指令的公开 SKILL.md。请打开固定版本来源，检查完整范围、依赖和权限。

如何配置

打开固定版本的 SKILL.md，阅读指令和随附脚本。
使用安装卡片中的代码片段，将技能文件夹复制到客户端的技能目录。
开启新会话，并提出该技能所描述的任务。

添加前请检查

先阅读指令并检查脚本，再决定是否执行。
检查工具权限、所需凭据和外部网络请求。
以来源许可和资源专属条款为准。

你将打开的内容

如何配置

添加前请检查

anthropics/skills 的更多条目

其他 Claude 技能