Token导航 LogoToken导航TokenDH.com
中转站排行榜
前端设计执行命令github未标认证来源可访问clear审计通过

frontend-design（前端设计）

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。

总安装

1,255,968

周安装

53,396

GitHub Stars

23,117

下载量

440,016
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：frontend-design（前端设计）
来源仓库：https://github.com/pbakaus/impeccable
仓库路径：skills/frontend-design
安装命令：
npx skills add https://github.com/pbakaus/impeccable --skill frontend-design
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异；本站展示可直接复制的安装命令，安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/pbakaus/impeccable --skill frontend-design

简介

独特的生产级前端界面，通过有意的设计选择避免通用人工智能美学。

  • 在实施之前需要确认设计背景（目标受众、用例、品牌个性）；包括用于收集缺失背景的无可挑剔的技能整合
  • 涵盖五个核心设计领域：版式、颜色和主题、布局和间距、视觉细节以及要避免的特定反模式的运动
  • 强调大胆的美学方向（野兽派、极简主义、极简主义、复古未来主义等），以精确和凝聚力执行，而不是安全的默认值
  • 提供版式比例、OKLCH 颜色函数、空间节奏、运动计时、响应式设计和 UX 写作最佳实践的参考指南

SKILL.md

name: frontend-design description: DEPRECATED: This skill has been renamed to 'impeccable'. Run /impeccable instead.

This skill has been renamed to impeccable. All design functionality now lives in the /impeccable skill.

Check if the impeccable skill is available:

  • If /impeccable exists, use it directly. You can safely inform the user that the frontend-design folder is a deprecated leftover and can be deleted.
  • If /impeccable does NOT exist, tell the user to update their skills by running npx impeccable skills update in their terminal.

Do NOT attempt any design work from this skill. Redirect to /impeccable instead.

适合场景

01

前端页面设计

02

生成更有辨识度的 UI

03

避免模板化 AI 页面

04

需要统一视觉方向时

能力概览

能力 1

建立明确视觉方向

能力 2

约束排版、色彩、动效和空间布局

能力 3

提醒避免通用模板化设计

能力 4

要求生成可运行的前端实现

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

Claude Code

27.22%
按下载量换算119,772

OpenCode

24.82%
按下载量换算109,212

Cursor

16.26%
按下载量换算71,547

Antigravity

13.21%
按下载量换算58,126

Codex

7.63%
按下载量换算33,573

windsurf

3.46%
按下载量换算15,225

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

执行命令

安装流程涉及命令执行，可能通过 npx skills add https://github.com/pbakaus/impeccable --skill frontend-design；npx skills add pbakaus/impeccable --skill "frontend-design" 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

来源信息

GitHub 仓库

github.com

/pbakaus/impeccable

SKILL.md 来源

github.com

/pbakaus/impeccable/tree/main/skills/frontend-design

skills-sh

skills.sh

/pbakaus/impeccable/frontend-design

agentskills-to

agentskills.to

/pbakaus/impeccable/frontend-design

继续浏览同类 Skills

更多前端设计 Skills（10,216）返回 Skills 目录

上一个 Skill

frontend-design（前端设计）

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。

下一个 Skill

frontend-design（前端设计）

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码，整理组件结构，或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式，避免只生成孤立片段；涉及页面改动时，应配合本地预览和构建检查确认视觉效果。