This changes how Claude builds SwiftUI interfaces by forcing design thinking before code. Instead of jumping straight to List views and default layouts, it starts with a "0.5 second test" asking what visual shape dominates the screen, then works through who the user actually is, what they need to accomplish, and how the interface should make them feel. The workflow is deliberately ordered: understand the person and moment, map goals to features, choose components based on intent, then apply visual polish. It's opinionated about when to use sheets versus navigation, sliders versus steppers, and why most AI-generated UIs look generic. Use this when you want SwiftUI code that feels like a real app, not a settings demo.

skills.sh installs
272
GitHub stars
222
last updated
Aug 21, 2026

Install

$ npx -y skills add pproenca/dot-skills --skill ios-taste --agent claude-code

Installs into .claude/skills of the current project.

Files

iOS Taste

Taste doesn't start at the pixel level. It starts at "who is this person and what do they need?" The visual refinement is the LAST step. The first step is understanding the user's world deeply enough that the interface design feels inevitable — like it couldn't have been designed any other way.

Your default mode skips straight to layout. It produces technically correct SwiftUI that looks generic because it was never grounded in a real person's needs. This skill changes the order of operations: think like a designer first, then write code.

Phase 0: The 0.5-Second Test (ORIENT before everything)

Before designing anything, answer ONE question:

What does the user SEE in the first half-second — before they read a single word?

This is not about content. It's about the SHAPE of the screen. Close your eyes and picture it. What dominates?

  • A ring at 40% of screen height? → Fitness dashboard
  • A gradient card with bold white text? → Music/travel/content
  • A large number floating in space? → Finance/health metric
  • A grid of thumbnails? → Photo/recipe/shopping collection
  • A clean form with generous space? → Settings/profile

Sponsors

Details

Repository
github.com/pproenca/dot-skills
Categories
DevOps & CI/CD, Documentation, Code Review & Quality, Sales & Marketing, Mobile Development, Design & UI/UX, CLI & Terminal
First seen
Jun 3, 2026

More from pproenca/dot-skills

All 100
1qodex-ai avatarautonomous-agent-gamingqodex-ai/ai-agent-skillsBuild autonomous game-playing agents using AI and reinforcement learning. Covers game environments, agent decision-making, strategy development, and performance272skills.sh installs
2sundial-org avatarn8n-workflow-automationsundial-org/awesome-openclaw-skillsDesigns and outputs n8n workflow JSON with robust triggers, idempotency, error handling, logging, retries, and human-in-the-loop review queues. Use when you nee272skills.sh installs
3heyman333 avatareditorial-designerheyman333/atelier-uiCreate distinctive, production-grade frontend interfaces with high editorial design quality. Use this skill when the user asks to build web components, pages, a271skills.sh installs
4cinience avataralicloud-ai-search-dashvectorcinience/alicloud-skillsBuild vector retrieval with DashVector using the Python SDK. Use when creating collections, upserting docs, and running similarity search with filters in Claude270skills.sh installs
5cinience avataralicloud-compute-fc-serverless-devscinience/alicloud-skillsAlibaba Cloud Function Compute (FC 3.0) skill for installing and using Serverless Devs to create, deploy, invoke, and remove a Python function. Use when users n270skills.sh installs
6hoodini avatarux-design-systemshoodini/ai-agents-skillsBuild consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems,270skills.sh installs