composio-community/awesome-claude-plugins0°

frontend-design

仓库创建 2025年10月22日最近提交 1 天前SkillHot 收录 11 小时前

▸ 精选理由

强调美学与可交付代码，适合需要生产级界面的场景。

这个 Skill 做什么

根据需求生成具有高设计质量的前端组件、页面或应用代码。

把需求变成可上线的前端组件、页面或小应用，注重视觉和交互细节，避免那种千篇一律的 AI 风格。适合你要把设计稿或功能描述直接产出成可运行的 HTML/CSS/JS 代码时使用。特别强调美学、可用性、响应式和可访问性，让代码不仅能跑还能看着专业。

▸ 展开 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.

开发编程前端设计UI组件生产就绪通用

1.8k

Stars

518

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/composio-community/awesome-claude-plugins/master/frontend-design/skills/frontend-design/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/composio-community/awesome-claude-plugins/master/frontend-design/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 公开信息 · 原文版权归作者所有