Swiftui Design

A design system skill that fights generic AI output in SwiftUI projects. It layers anti-slop rules, design direction advice, brand asset protocols, and a five-dimension review framework on top of whatever LLM code editor you're using. Curated by @wholiver. The upstream repo lives on GitHub but the catalog entry is light on implementation details, so you'll want to check the source to see exactly what constraints and heuristics it applies. Useful if you've noticed your AI-generated SwiftUI interfaces all look the same and want to inject some opinionated design guardrails into the loop. Works across Claude Code, Cursor, and similar tools that support the Open Design skill discovery protocol.

skills.sh installs: 3K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill swiftui-design --agent claude-code

Installs into .claude/skills of the current project.

Files

swiftui-design

Curated from @wholiver.

What it does

SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.

Source

Upstream: https://github.com/wholiver/swiftui-design-skill
Category: design-systems

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/wholiver/swiftui-design-skill

Then ask the agent to invoke this skill by name (swiftui-design) or with one of the trigger phrases listed in this skill's frontmatter.

SKILL.md on GitHub

Details

Repository: github.com/nexu-io/open-design
Categories: Git & Pull Requests, Code Review & Quality, AI & Agent Building, Marketing & SEO, Mobile Development, Design & UI/UX
First seen: Jun 3, 2026