SwiftUI skills for your coding agent.
Screens, effects, charts, paywalls and backend code from apps we ship to the App Store. Each skill is the full source, the setup steps and the pitfalls, written for an agent to follow.
118 skills: 86 free, 32 Pro
SwiftUI onboarding and sign-in
The first 30 seconds: a short welcome, then Apple, Google or phone sign-in, with a guest mode when it helps.
Feature tourProEach page builds itself: cards fly in, the title rises and its 3D icon pops, then it asks for notifications.
AI agent onboardingProPick a side, choose a hiring style, meet your AI agent, then land on a home it has already filled.
Guided story introProA guide walks you into the stories, learns your name, then you sign in with Apple.
Swipe-to-pick setupProSwipe to choose your pet, then tell us about them.
Three-page introFreeThree short pages: snap it, pack it, dress it.
Apple sign-in with guest modeFreeSign in with Apple, or keep browsing as a guest.
Phone, Apple and Google sign-inFreeMobile number, Apple or Google, with a guest option.- Anonymous-First Authentication with Cognito Identity PoolFreeAnonymous-first authentication for iOS and macOS apps — users access core features immediately without signing in, with optional sign-up/sign-in (Apple, Google, email) and seamless data migration from anonymous to authenticated accounts. Uses Cognito Identity Pool for unique identity tracking and Hono middleware for three-level access control.
SwiftUI app screens
Home, maps and the other top-level screens people use every day.
Stay explorerProBrowse places to stay: a search that opens into where, when and who, category tabs, and big listing cards whose photo zooms into the full listing.
AI daily briefProA daily brief, live talent signals, and an AI agent that sources candidates for you in chat.
Physics sticker wallProHundreds of items as stickers with real physics. Filter by room and they fall, switch views, or spin them into a 3D sphere.
Swipe and shortlistProSwipe through candidates, shortlist the best, and send a note your AI agent drafts for you.
Side-by-side compareProCompare finalists side by side: a skills radar, scores and key facts. Swap people in and it all updates.
Totals dashboardProEverything you own, totalled by category and by room. Tap a room to drill in.
Curator feedProLocal tastemakers and the spots they love.
Creator city guideProTop picks on pinned order slips, creators' notes on a ring, and the place screen behind them.
Trips and checklistsProEvery trip at a glance. Open one and check items off as you pack.
Clustered mapProEvery recommended spot, clustered on the map.- Camera & Face DetectionFreeComplete camera module with photo capture, live preview, face detection using Vision framework, and face landmark overlay (iOS only)
- AI Chat Interface with Voice InputFreeComplete chat module with message list, streaming-ready input bar, voice-to-text via VolcEngine ASR, and AI conversation UI patterns (iOS only)
- Export & Share — PDF, Image, JSON, CSVProProduction-ready export system with multi-format output (PDF, PNG/JPEG, JSON, CSV), multi-page PDF rendering with metadata, UTF-8 BOM CSV for Excel compatibility, SwiftUI ShareLink integration, temp file lifecycle management, and a unified export manager — all built on ImageRenderer (iOS 16+) with zero third-party dependencies
- Settings ViewFreePre-built settings page with language switcher, share app, legal links, recommended apps, sign out / delete account with confirmation, and version info (iOS and macOS)
- Subject Lifting — Background RemovalProExtract foreground subjects from photos with transparent backgrounds using VisionKit's ImageAnalyzer — one-tap background removal with state machine lifecycle, original/extracted image pair, and PNG data output (iOS 18+)
SwiftUI animations and Metal shaders
Physics, 3D motion and shaders that make an app feel alive.
Metal dot fieldsFreeMetal shaders: fields of dots that roll like waves and flow into living patterns, all drawn on the GPU.
Deep-space starfieldFreeA deep-space starfield in Metal: glowing nebulae drift past twinkling stars.
Neon outlinesFreeNeon outlines that bloom from the center with prism-colored edges, rendered live in Metal.
Liquid metaballsFreeColored blobs that drift, melt into one another like liquid, and blend their colors as they merge.
3D network graphFreeA 3D network graph you can spin. Tap any node and its links light up, with the details below.
Orbit ring and walletFreeItems orbit into a dotted ring, and payment cards fan out of a wallet as the balance rolls in.
Floating color dotsFreeA field of bright colored dots that float and shimmer across the whole screen.
Glass color panelsFreeStacked glass panels in mirrored layers, with neon gradients flowing through them.
Dot sphereFreeDrag the slider and scattered points of light pull together into a perfect 3D sphere.
Cells and swirlFreeLiving patterns: a mosaic of cells that keeps reshaping, then a hypnotic color swirl.
Noise veins and blobsFreeOrganic noise shaders: glowing veins that pulse through the dark, then bold color blobs in constant flow.- Animated LoopFreePulsing concentric rings in one of four hand-tuned styles (Shape / Diamond / Neon / Warp) with three RGB-channel colors and per-channel phase offset — Shape style adds a geometric sub-picker (circle / square / diamond / hexagon / star)
- Animated Mesh GradientFreeAnimated 3x3 mesh gradient background that smoothly transitions between two color palettes with a repeating animation
- Before/After Image SliderFreeBefore/after image comparison view with an auto-oscillating slider divider and drag gesture support
- Change EffectsFreeEight micro-interaction effects that fire on Equatable value changes — shake, jump, spin, ping rings, symbol spray, +1 rise, one-shot shine, and haptics — built on KeyframeAnimator and PhaseAnimator
- Char SphereFreeRotating 3D glyph sphere — caller-supplied character palette (`chars: [String]`) is randomly scattered across spherical Fibonacci points with perspective-scaled SF Rounded font and optional back-face culling
- Chromatic GlassFreeSubtle chromatic-aberration glass layerEffect over any source view via a SwiftUI Metal stitchable shader — red/blue channels split toward the edges along the tilt direction, with a soft centre glow, for a premium glass-over-card feel
- Confetti BurstFreeCanvas-rendered celebration confetti burst overlay with 4 particle shapes, customisable colors, gravity, and spread
- FoilFreeHolographic rainbow foil layerEffect that wraps any source view via a SwiftUI Metal stitchable shader, with crossing sine-wave rainbow ramp, high-power sparkle glints, and a tilt-driven fresnel flare for a trading-card foil feel
- Fractal CloudsFreeDrifting fractal cumulus clouds rendered via a SwiftUI Metal stitchable shader, using two-pass 5-octave FBM with domain warping for soft cumulus-like swirls
- Full-Screen ButtonFreeTappable card with Apple's native zoom transition (App Store / Photos style) — the card geometry-matches into a true full-screen view via iOS 18 `.matchedTransitionSource` and `.navigationTransition(.zoom)`
- Glass OrbFreeA draggable glass orb with a built-in vertical color gradient fill, rendered through a SwiftUI Metal stitchable layerEffect — the gradient is magnified and bent with a spherical (barrel) warp, topped with a cool Fresnel rim highlight, an upper-left specular hot-spot, and optional rim RGB dispersion; the whole orb drags as one piece and its hue cycles over time for a slowly flowing color
- GlassFreeSDF-shaped glass lens layerEffect — magnifies and refracts a source view inside a circle or rounded-rect with frosted blur, a Fresnel rim, chromatic aberration, a directional highlight and tint, all driven by an analytic signed-distance field
- Glow Sweep EffectFreeView wrapper that sweeps a glowing highlight band across content, using the original shape as a mask
- Grain GradientFreeSoft tri-color noise gradient with film grain rendered via a SwiftUI Metal stitchable shader — two slowly drifting low-frequency value-noise samples blend three colors, and a per-frame high-frequency hash adds film grain
- HalftoneFreePrint-shop halftone image filter — 4 dot styles (classic / gooey / holes / soft) × 2 grids (square / hex) + 4-channel CMYK plates mode, applied to any source view via layerEffect
- Ink SmokeFreeDomain-warped FBM "ink in water" smoke field rendered via a SwiftUI Metal stitchable shader, with four ink colors and a wispy highlight
- Intense BlingFreeMaximum-intensity holographic shimmer layerEffect over any source view via a SwiftUI Metal stitchable shader, with a dense diamond grid, multi-hue rainbow, three moving hotspots, and layered tilt-driven sparkles for a secret-rare card look
- Light Sweep EffectFreeAnimated scan-line overlay that sweeps a gradient light band across any content with rounded clipping
- Liquid ChromeFreeAnimated liquid chrome surface rendered via a SwiftUI Metal stitchable shader, with three sequentially domain-warped value-noise samples, a gamma-shaped chrome curve, and high-power specular glints
- Liquid MetalFreeLiquid-metal image filter — big light/dark metal blocks drifting one way like WWDC molten metal, with a cool-blue Fresnel rim, a breathing bloom glow that follows the metal, and a fully parameterised look over any opaque source view
- Orbiting Logos AnimationFreeSpriteKit-powered animated orbit component with concentric rings of dots and pop-out icon animations
- Particle TransitionsFreeParticle-powered view transitions with a self-contained Canvas burst engine — poof smoke cloud, pop ripple with particle flurry, and anvil slam with dust impact
- PlasmaFreeFull-color plasma background family with five hand-tuned styles (Solar / Prism / Spectrum / Ember / Lilac), each shipping its own 5-stop palette — switch style with a single enum
- Polished AluminumFreePolished-aluminum finish layerEffect over any source view via a SwiftUI Metal stitchable shader — a tilt-shifted cyan/silver/purple brushed-metal gradient, a diagonal 45-degree rainbow iridescence band, and a tilt-tracking specular hotspot
- Scanning Overlay EffectFreeAnimated scan-line overlay with flowing grid, sweeping scan band, and noise layer for an analyzing/processing visual effect
- Shaking Icon AnimationFreeAnimated icon that periodically zooms in and shakes side-to-side, mimicking the iOS home-screen jiggle effect
- Shimmer EffectFreeShimmer highlight wrapper that sweeps a translucent light band across content in a continuous loop
- Smoke RingFreePolar-coordinate smoke ring procedural background — radial multi-colored gradient distorted by two phase-shifted FBM noise layers that cross-fade so the smoke never visibly loops, with tunable radius / thickness / inner fill / noise iterations
- StarfieldFreeMulti-layer twinkling starfield rendered via a SwiftUI Metal stitchable shader, with parallax-scrolling layers, hashed star placement, and a per-star sin-driven twinkle
- View TransitionsFree16 modern view transitions on SwiftUI's Transition protocol — boing, skid, swoosh, flip, iris, wipe, blinds, clock, glare, dissolve, flicker, film exposure and more
- Typewriter Text AnimationFreeTypewriter text that cycles through strings with character-by-character typing and deleting, supporting multiple animation styles
- WaterFreeRippling water-caustic image filter — simplex-noise wave drift + 6-octave rotated caustic distortion warps source UVs and adds a sunlight-on-pool highlight tint
SwiftUI paywall templates
Subscriptions, free trials and in-app payments that pass App Store review.
Classic plan pickerProA classic paywall: perks up top, monthly or yearly below, with the saving called out.
Free-trial timelineProA free-trial timeline that shows today, the reminder day and the charge date.
Photo headerProA photo header with a checklist of perks and a trial on the yearly plan.
Full-bleed heroProA full-bleed hero with ratings and a glowing call to action that changes with the plan.
EditorialProA quiet editorial paywall with monthly, quarterly and yearly plans.
Reviews and plan cardsProSliding reviews above three plan cards, including a one-time lifetime unlock.
Lifetime unlockProA one-time purchase: pay once, keep every pro feature forever, no subscription.
Credit packsProCredit packs for pay-as-you-go features, with the best value marked.
Two tiersProTwo tiers side by side: switch between Plus and Pro and the perks and prices follow.
Win-back offerProA win-back offer: half off the first year, with a live countdown.
Free vs Pro tableProA free-versus-Pro comparison table with a monthly and yearly switch.- Paywall Kit — Plan Model, Purchase Actions & Motion for SWPaywall TemplatesProShared base for the eleven SWPaywall templates — an SWPaywallPlan model that covers subscriptions of any period, lifetime unlocks, consumable packs and intro offers (free trial, pay-up-front, pay-as-you-go) and derives every price comparison and terms line from real numbers, a `.swPaywallActions(purchase:restore:termsURL:privacyURL:)` environment hook with shared purchase button, restore/legal footer and close button, and TimelineView/Canvas motion helpers (aurora, particles, Ken Burns, shine, entrance) — plus loaders that feed plans from StoreKit 2 or RevenueCat
- In-App Subscription with RevenueCat (iOS + Server Gate)ProFull-stack RevenueCat subscription system — ASC product setup, RC dashboard wiring, iOS SDK integration (identity-synced appUserID, entitlement stream, paywall), server-side entitlement gate with webhook-driven source of truth, plus a battle-tested debugging playbook for never-published apps (StoreKit Configuration local testing without certificate upload)
- In-App Subscription with StoreKit 2ProFull-stack subscription system with StoreKit 2 — product loading, purchase flow, paywall UI on iOS, plus server-side JWS verification, App Store Server Notifications (webhook), and database persistence for reliable receipt-of-truth
SwiftUI charts
Line, bar, area, donut, ring, radar and scatter charts, plus an activity heatmap.
- Activity HeatmapFreeGitHub-style activity heatmap with streak tracking, gradient streak card, flow-layout heatmap grid, and color legend
- Area ChartFreeHorizontally scrollable area chart with standard and stacked modes, optional line overlay, and configurable gradient opacity built on Swift Charts
- Bar ChartFreeHorizontally scrollable bar chart with grouped and stacked modes, value labels, and animated bar growth built on Swift Charts
- Donut ChartFreeInteractive donut chart with tap-to-select interaction, category grouping, and center overlay showing count and category name built on Swift Charts
- Line ChartFreeHorizontally scrollable multi-series line chart with reference lines, configurable interpolation, and point markers built on Swift Charts
- Radar ChartFreeAnimated radar (spider) chart with axis labels, background grid rings, radial lines, and polygon animation from center to full size
- Ring ChartFreeApple Watch Activity Rings style concentric progress chart with animated ring growth, legend, and optional center content via ViewBuilder
- Scatter ChartFreeHorizontally scrollable scatter chart with multi-category color mapping and configurable axes built on Swift Charts
SwiftUI components
Alerts, loading states, steppers, search bars and the other building blocks every screen needs.
- Add SheetFreeBottom sheet with text input field, Cancel and Continue buttons, presented as a medium detent sheet
- Alert Toast NotificationFreeGlobal toast-style alert overlay with preset styles (info, success, warning, error) and auto-dismiss
- Bullet Point TextFreeText label with a colored capsule bullet point indicator that accepts any View content via @ViewBuilder
- Cached ImageFreeAsyncImage drop-in with a memory + disk cache, so re-created views show remote images on the first frame instead of flashing the placeholder
- Floating LabelsFreeAnimated floating capsule labels that fade in and out at specified positions around an image
- Gradient DividerFreeHorizontal divider with a center-fade gradient effect (clear to color to clear)
- Image ThumbnailFreeReusable rounded image thumbnail with same-named ColorSet fallback — perfect for product cards, avatars, and cover images
- KPI CardFreeDashboard metric card with icon, title, value (numericText animation), tint color, and customizable trailing slot. Includes SWKPIDeltaTag for period-over-period comparison
- Label with Icon and ImageFreeReusable label components pairing a leading visual (SF Symbol or image resource) with localized text
- Page Loading OverlayFreeFullscreen loading overlay with blur background, customizable message, optional icon with pulse animation, and progress indicator
- Markdown TextFreeLightweight Markdown renderer for LLM output — supports headings, fenced code blocks, lists, dividers, and inline formatting (bold, italic, inline code)
- Order Customization ViewFreeAnimated drink customization demo with flavor selection, cup sizing, matchedGeometryEffect, and quantity control
- Root Tab ViewFreeRoot TabView template using iOS 18+ Tab API with selected/unselected icon switching and haptic feedback
- Rotating QuoteFreeAuto-rotating quote display that cycles through quotes with animated transitions and stable layout height
- Scrolling FAQ CarouselFreeAuto-scrolling horizontal FAQ carousel with infinite looping rows scrolling in alternating directions (iOS only)
- Search BarFreeCapsule-shaped search bar with magnifying glass, clear button, and ultra-thin material background
- Status BadgeFreeCapsule-shaped colored status badge with preset styles (info, success, warning, error, neutral) for workflow states like orders, tickets, contracts, and tasks
- Compact StepperFreeCompact numeric stepper with chevron buttons, animated numeric text transitions, and haptic feedback
- Tab ButtonFreeCapsule-shaped tab button toggling between selected and unselected states for segmented controls
- Thinking IndicatorFreeAnimated three-dot bouncing indicator for chat typing/thinking states
- Video PlayerFreeShowcase video player with first-frame thumbnail, tap-to-fullscreen AVKit playback, and orientation callbacks
Backend for iOS apps
Infrastructure, per-user data isolation, private file storage and ad attribution, on Supabase with Cloudflare or on AWS.
- AWS Infrastructure with CDKFreeProduction-ready AWS infrastructure using CDK — App Runner for HTTP services, Aurora Serverless for database, Cognito for auth, Lambda for serverless functions, and S3 for storage
- Supabase Row Level Security (RLS) Data IsolationFreeProduction-ready Row Level Security patterns for a Supabase + Cloudflare Workers stack — the database-layer isolation primitive that makes cross-user data leaks impossible even when a route is buggy or someone talks to PostgREST directly. Covers the owner-isolation table skeleton (1:1 profile + one-to-many children), the five load-bearing RLS rules ((select auth.uid()) wrapping, TO authenticated, forward-set child subqueries, indexing policy columns, trusting only auth.uid()/app_metadata), the service_role (bypass RLS) vs user-JWT (RLS enforced) client split, server-side owner_id injection, public read-only tables whose writes funnel through service_role, and a two-token cross-access isolation test that must return 403/empty.
- Supabase Storage Private Buckets + Signed URLsFreeProduction-ready private file storage for a Supabase + Cloudflare Workers stack — a private bucket created as an idempotent SQL migration, server-side service_role uploads (the client never talks to Storage and never holds the service key), and on-demand signed URLs with short TTLs. IDOR-proof by construction — the object path is derived from the verified JWT ({userId}/{itemId}.jpg, never client-supplied) and ownership is checked through RLS before any URL is signed — with defense-in-depth RLS policies on storage.objects, orphan-object cleanup (Postgres ON DELETE CASCADE never touches Storage), and the pitfalls of public buckets and leaked signed URLs.
- Supabase + Cloudflare Workers InfrastructureFreeProduction-ready serverless infrastructure using Supabase (managed Postgres + Auth + Storage) and Cloudflare Workers (Hono backend) — the zero-VPC, zero-server counterpart to the AWS CDK stack. Covers Supabase CLI migrations, the immutable-region rule, secret management (.dev.vars / Cloudflare Secret, never git), Workers deployment via wrangler, and dual-mode JWT verification (JWKS ES256 preferred, HS256 fallback).
- TikTok Ad Attribution with RevenueCat (Dual-Channel)ProFull-depth TikTok attribution for RevenueCat apps — client SDK reports the purchase moment, your backend forwards renewals/refunds from RC webhooks to TikTok Events API. Ships the complete Workers forwarder, device-identifier relay chain (ATT → RC → webhook → Events API), ASN wiring, and a battle-tested verification SOP (iOS + Cloudflare Workers)
- TikTok Ad Attribution & TrackingProTikTok ad attribution module with ATT permission flow, standard/custom event tracking, and debug logging — bridges to TikTok Business SDK via closure injection. Includes complete integration guide with credentials setup, App Store compliance, and campaign launch workflow (iOS only)