# Xerrors Design

> Xerrors 的 UI/UX 与前端设计偏好路由器。在构建、重新设计、评审或润色 Xerrors 产品界面、工具 UI、仪表盘、主页、落地页、网站，或进行视觉设计决策时使用；尤其适用于判断应遵循 nextlevelbuilder/ui-ux-pro-max-skill 的默认规范，还是使用 taste-skill 打造更个性化、更具主见和更高审美水准的页面。

- Skill: `xerrors/xerrors-design` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add xerrors/xerrors-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/xerrors/xerrors-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: xerrors (https://skillmd.com/u/xerrors)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/xerrors/xerrors-design

---


# Xerrors 设计

## 概述

将此 skill 用作轻量级偏好层，而不是完整的设计系统。它记录 Xerrors 的默认审美与路由偏好，以便在实现或评审界面之前选择正确的设计指导。

## Skill 路由

在大多数 UI/UX 工作中，以 `nextlevelbuilder/ui-ux-pro-max-skill` 作为主要设计规范。将其视为结构、组件、交互模式、响应式行为、无障碍能力和实用产品 UI 决策的默认依据。

当任务要求更个性化、更有品位或具有强烈艺术指导风格的结果时，使用 `taste-skill`，尤其适用于：

- 主页。
- 落地页。
- 营销页面。
- 强调品牌第一印象的页面。
- 相比标准产品 UI 的完整性，更看重视觉判断、原创性和编辑式精致感的页面。

当两者都适用时，先使用 `nextlevelbuilder/ui-ux-pro-max-skill` 保证产品正确性和交互覆盖，再使用 `taste-skill` 优化首屏、视觉层级、构图、字体基调和最终细节。

## Xerrors 偏好

倾向于高效利用设计空间。优先考虑信息密度、快速浏览和视觉内容吞吐量：界面应展示有用的状态、选项、示例或结果，同时避免显得空旷或被无意义的留白撑大。

对于工具型产品，应保持视觉克制。避免过度的视觉戏剧性：尺寸过大的表现型字体、厚重阴影、悬浮装饰表面、设计过度的卡片、纯装饰渐变，以及与实际工作争夺注意力的动效。应先让工具显得强大、清晰、高效，再考虑是否足够吸睛。

## 实用检查

在最终确定设计之前，检查：

- 重要内容是否无需无意义的空白铺垫就能被看到？
- 布局是否提升了任务处理效率，还是仅仅增加了视觉氛围？
- 对于工具 UI，长期每天反复使用时是否依然沉稳高效？
- 对于主页或落地页，是否具备足够的品位与个性，让人感到它经过有意识的设计，而不是千篇一律？