frontend-design

仓库创建 2026年2月2日最近提交 1 天前SkillHot 收录 20 天前

▸ 精选理由

强调实用且有创意的前端实现，减少设计与开发磨合成本。

这个 Skill 做什么

生成具有生产级质量与独特美学的前端界面与组件代码。

帮你把界面想法变成可直接运行、能上生产的前端页面和组件代码。适合要做 web components、页面或整个前端应用时使用，会输出完整的 HTML/CSS/JS 实现。特别注重审美与创意，避免千篇一律的“AI 风格”，产出既可用又有设计感的成品代码。

▸ 展开 SKILL.md 英文原文

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

开发编程前端设计组件通用

4.2k

Stars

417

Forks

仓库内 Skill

+1.0k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/anbeime/skill/main/skills/frontend-design/frontend-design/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/anbeime/skill/main/skills/frontend-design/frontend-design/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

## Design Thinking

Before coding, understand the context and commit to a BOLD aesthetic direction:
- **Purpose**: What problem does this interface solve? Who uses it?
- **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, e

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有