super-ui-ux-design SKILL.md skillA

super-ui-ux-design from syahiidkamil/software-engineer-ai-agent-atlas is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add syahiidkamil/software-engineer-ai-agent-atlas/super-ui-ux-design@git:20260612.513f904

Pins git:20260612.513f904 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
syahiidkamil/software-engineer-ai-agent-atlas
Path
.claude/skills/super-ui-ux-design/SKILL.md
Versions recorded
1
Latest version
git:20260612.513f904, committed Jun 12, 2026
Size
36,189 bytes
Repository stars
404
License
none declared

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…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 📐 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
      Mental Models
      UX Laws & Heuristics
    UI["UI (Interface)"]
      Visual Hierarchy
      Layout & Grids
      Typography
      Color & Contrast
      Components
    Design Systems
      Tokens
      Components
      Patterns
      Documentation
    Business Layer
      Conversion
      Retention
      Trust & Credibility
      Aesthetics vs Performance
    Learning Layer
      Constructivism
      Schemata
      Mental Models
      Jakob's Law
```

---

## 🧩 Node 0 — What Is Design?
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add syahiidkamil/software-engineer-ai-agent-atlas/super-ui-ux-design@sha256:2cef87c129bd3ddf

The line at the top of this page pins the label git:20260612.513f904, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_wwb4zlaoaaanc63i.svg)](https://markdownregistry.com/a/art_wwb4zlaoaaanc63i)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 12, 2026.

versioncommittedcommitsizeaudit
git:20260612.513f904 latest2026-06-12 513f904 36,189 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (36189 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

syahiidkamil/software-engineer-ai-agent-atlas · 404 stars · license none declared · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_wwb4zlaoaaanc63i
GET https://markdownregistry.com/api/v1/resolve?ref=syahiidkamil/software-engineer-ai-agent-atlas/super-ui-ux-design
GET https://markdownregistry.com/api/v1/blob/2cef87c129bd3ddf278745ff82c03708959f7f623b7b3d205589e0a3c12016f0

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from syahiidkamil/software-engineer-ai-agent-atlas

abstraction-power SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/abstraction-power/SKILL.md · Activate ATLAS pattern recognition mode. Identify repeated patterns, extract essential characteristics, and create…
git:20260315.2235507 · audit A · 404 stars
adversarial-review SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/adversarial-review/SKILL.md · Adversarially review something just built — presume it is broken and find where. Use after implementing a feature…
git:20260616.dc49c8f · audit A · 404 stars
deploy SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/deploy/SKILL.md · Take a project from working locally to running in production, provider-agnostic — write the DEPLOY.md runbook, gate a…
git:20261101.7715d0e · audit A · 404 stars
find-skills SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/find-skills/SKILL.md · Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…
git:20261101.49a3d8a · audit A · 404 stars
free-will SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/free-will/SKILL.md · Deliberate-choice procedure for a medium-to-high-stakes engineering fork — when the first plausible solution (the…
git:20260611.49e7757 · audit A · 404 stars
frontend-design SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/frontend-design/SKILL.md · Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with…
git:20261101.49a3d8a · audit A · 404 stars
human-writing SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/human-writing/SKILL.md · Write content in any language indistinguishable from a skilled human writer. Avoids AI-sounding phrases, varies…
git:20260502.eeef30c · audit A · 404 stars
learning-from-mistakes SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/learning-from-mistakes/SKILL.md · Record a hard-won engineering lesson after a bug or mistake is resolved. Use when a bug resisted ATLAS until Boss's…
git:20260518.8bd1ace · audit A · 404 stars
playwright-cli SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/playwright-cli/SKILL.md · Automate browser interactions, test web pages and work with Playwright tests.
git:20261101.49a3d8a · audit A · 404 stars
shadcn SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/shadcn/SKILL.md · Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including…
git:20261101.49a3d8a · audit A · 404 stars
skill-creator SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/skill-creator/SKILL.md · Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a…
git:20260428.61a7bdb · audit A · 404 stars
supabase-postgres-best-practices SKILL.md skill
syahiidkamil/software-engineer-ai-agent-atlas · .claude/skills/supabase-postgres-best-practices/SKILL.md · Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill BEFORE writing or…
v1.1.1 · audit A · 404 stars

Every file in syahiidkamil/software-engineer-ai-agent-atlas

Browse by kind, by grade A, or by owner.