frontend-design

仓库创建 2025年12月9日最近提交 10 天前SkillHot 收录 21 天前

▸ 精选理由

提升界面美学并输出可运行、可交付的前端代码。

这个 Skill 做什么

生成生产级、高设计感的前端组件与页面代码。

直接产出能上线的高颜值前端组件或页面代码，重视设计感和细节，避免那种千篇一律的“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.

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

240

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

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

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/majiayu000/spellbook/main/skills/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 公开信息 · 原文版权归作者所有