Individual skill

frontend-design

创建独具特色、生产级别的高质量前端界面。当用户要求构建Web组件、页面或应用，且视觉效果与代码质量同等重要时使用。

frontend-design/SKILL.md

Read pinned source

Source commit cebdf4b164e3871ae13edf06b1070884775c5fc1

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 6, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 206
Repository last updated: Oct 19, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 3,464 bytes

Read excerpt


# 前端设计

当任务不只是"让它能运行"而是"让它看起来有设计感"时使用本技能。

本技能适用于产品页面、仪表盘、应用外壳、组件或视觉系统，这些场景需要清晰的设计理念而非通用的AI风格UI。

## 何时使用

- 从零构建落地页、仪表盘或应用界面
- 将平淡的界面升级为有设计感且令人印象深刻的版本
- 将产品概念转化为具体的视觉方向
- 实现排版、布局和动效都很重要的前端界面

## 核心原则