メニュー
SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
Produces distinctive, production-grade frontend interfaces with high design quality and a strong point of view. Actively avoids generic AI-generated aesthetics in favour of considered, original UI decisions.
| name | swiftui-design-skill |
| description | SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. |
| triggers | ["SwiftUI design","SwiftUI visual design","iOS visual design","SwiftUI aesthetics","distinctive iOS interface"] |
| das | {"type":"skill","category":"visual-components","upstream":"https://github.com/wholiver/swiftui-design-skill","version":"latest"} |
Catalogue stub — full skill: wholiver/swiftui-design-skill
Is the full skill already installed?
grep -q "^das:" ~/.agents/skills/swiftui-design-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"grep -q "^das:" .agents/skills/swiftui-design-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"das: block → full skill installed, invoke and proceeddas: block present → go to step 2Detect scope, then install:
[ -e ~/.agents/skills/swiftui-design-skill ] && echo "global" || echo "project"
Global:
npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -g -y
Project:
npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -y
swiftui-design-skillSwiftUI visual design skill for building distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Focuses on the aesthetic layer rather than code structure: design direction and visual style selection, layout and spacing systems, typography, color, brand-asset integration, and a multi-dimension design review of the resulting UI. Use when a SwiftUI screen looks generic or AI-generated, when choosing a visual direction for a new app, or when prototyping polished iOS interfaces.
swiftui-patternsswiftui-claude-skillsapple-hig-skillsmobile-app-ui-design or mobile-app-design