skills.homes logoskills.homescapability registry
home/categories/ide-plugins/kylesnowschwartz-simpleclaude-plugins-sc-skills-skills-sc-frontend-design-skill-md
cd ..
ide-pluginstools

sc-frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. This skill SHOULD be used when the user asks to build web components, pages, artifacts, posters, or applications (examples: websites, landing pages, dashboards, React components, Astro components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

查看源码ide-plugins
kylesnowschwartz
maintainer
kylesnowschwartz
更新于 2/8/2026
星标
96
分支
15
quick start

Installation and usage

Create distinctive, production-grade frontend interfaces with high design quality. This skill SHOULD be used when the user asks to build web components, pages, artifacts, posters, or applications (examples: websites, landing pages, dashboards, React components, Astro components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

安装
$ install --globalskills.sh
使用

安装后，您可以通过在终端运行以下命令来使用此技能：

skills use sc-frontend-design