super-ui-ux-design

仓库创建 2025年6月14日最近提交 1 个月前SkillHot 收录 21 天前
▸ 精选理由

结合理论与实战,便于产出可用性高的界面设计。

这个 Skill 做什么

全面的 UI/UX 设计知识地图与落地执行手册。

把 UI/UX 的理论地图和落地执行手册合在一起,既有 UX 定律、可用性、视觉层级、排版与 WCAG 等知识,也有可直接落地的设计步骤。做网站、着陆页、仪表盘或做设计评审、诊断转化问题时用。特点是每个视觉决定都有 UX 原理支撑,不靠泛泛的 AI 美观建议。

▸ 展开 SKILL.md 英文原文

Complete UI/UX design capability — a wiki-style knowledge map of design theory (UX laws, Nielsen heuristics, usability, visual hierarchy, typography, contrast/WCAG, design systems, aesthetics-vs-conversion) fused with a hands-on execution playbook for building distinctive, production-grade frontend interfaces. Use when designing or building any UI (websites, landing pages, dashboards, components, apps), reviewing or critiquing UI/UX, diagnosing why a design doesn't convert, or styling/beautifying web interfaces. Grounds every visual decision in UX principles and avoids generic AI aesthetics.

垂直行业UI/UX可用性设计系统通用
313
Stars
56
Forks
20
仓库内 Skill
+5
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/syahiidkamil/Software-Engineer-AI-Agent-Atlas/main/.claude/skills/super-ui-ux-design/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/syahiidkamil/Software-Engineer-AI-Agent-Atlas/main/.claude/skills/super-ui-ux-design/SKILL.md"
SKILL.MD 节选查看完整文件 ↗
# 📐 The Full Schemata of UI/UX Design

> A wiki-style knowledge map. Each section is a node. Follow the links, build the schema in your head, then go break it against real users.
>
> **Format notes:** Internal links like [Visual Hierarchy](#-visual-hierarchy) jump between nodes. Mermaid blocks render in Obsidian, GitHub, Notion, and most modern markdown viewers.

---

## 🗺️ The Master Map

Start here. Everything below hangs off this tree.

```mermaid
mindmap
  root((DESIGN))
    Problem Solving
      Define the problem
      Constraints
      Trade-offs
      Iteration
    UX["UX (Experience)"]
      Research
      Information Architecture
      Interaction Design
      Usability
      Men
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有