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

ui-ux-pro-max（UI/UX 设计增强）

Agent Skill

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

总安装

605

周安装

26

GitHub Stars

208

下载量

212
CodexClaudeCursorGemini CLI

安装说明

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

GitHub

来源数

3

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

skills.shnpx skills
npx skills add https://github.com/first-fluke/fullstack-starter --skill ui-ux-pro-max

简介

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。

  • 适合生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码。
  • 使用时需结合项目现有设计系统、路由和构建方式，避免孤立片段。
  • 涉及页面改动时应配合本地预览和构建检查确认视觉效果。
  • 适用于 UI/UX 设计与前端实现优化场景。

SKILL.md

UI/UX Pro Max

This skill provides professional-grade UI/UX design guidance, focusing on modern aesthetics, accessibility, and consistency.

Capabilities

1. Design System Generation

Can generate a complete design system including:

  • Colors: Primary, secondary, semantic, and neutral palettes (OKLCH/HSL).
  • Typography: Font pairings, scales, and line heights.
  • Spacing: Consistent spacing grids (4px/8px rule).
  • Components: Variations for buttons, inputs, cards, etc.

2. Design Patterns

  • Glassmorphism: Backdrop filters, transluscent layers.
  • Bento Grid: Grid-based layouts for dashboards and landing pages.
  • Neumorphism: Soft UI shadows (use sparingly).
  • Dark Mode: High contrast, desaturated colors for eye comfort.

3. Review & Refactor

  • Check for accessibility (WCAG contrast ratios).
  • Identify "generic" designs and suggest premium alternatives.
  • Validate responsive behavior across devices.

Rules of Thumb

  • Whitespace: More is usually better. Give content room to breathe.
  • Consistency: Use variables for everything (colors, spacing, radius).
  • Feedback: Every interaction (hover, click, focus) needs visual feedback.
  • Motion: Use subtle micro-animations (200-300ms) to make the UI feel alive.

When to Use

  • "Make this page look more premium."
  • "Design a dashboard for this data."
  • "Improve the UX of this form."
  • "Create a dark mode theme."

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

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

平台分布

Claude Code

27.58%
按下载量换算58

Antigravity

24.35%
按下载量换算52

windsurf

17.96%
按下载量换算38

OpenCode

14.17%
按下载量换算30

Cursor

8.2%
按下载量换算17

Codex

3.13%
按下载量换算7

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容，本身偏只读；真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

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

来源信息

GitHub 仓库

github.com

/first-fluke/fullstack-starter

SKILL.md 来源

github.com

/first-fluke/fullstack-starter/tree/main/skills/ui-ux-pro-max

skills-sh

skills.sh

/first-fluke/fullstack-starter/ui-ux-pro-max

agentskills-to

agentskills.to

/first-fluke/fullstack-starter/ui-ux-pro-max

继续浏览同类 Skills

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

上一个 Skill

ui-ux-pro-max（UI/UX 设计增强）

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

下一个 Skill

ui-ux-pro-max-skill（UI/UX Pro Max 技能）

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务，不应只堆装饰元素；涉及真实页面改动时，应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。