Principles and guides

Code review rules

UI principles

Spacing, hierarchy, typography, color, depth and polish for any screen.

• Accessibilitya11y, contrast, focus, keyboard navigation, tap target, screen reader
• Animation & Motionmotion, transitions, easing, cubic-bezier, timing function, custom easing curve
• Animation Judgementshould i animate this, animation purpose, animation categories, types of animation, too much animation, over animated
• Animation Vocabularyanimation glossary, motion terminology, motion vocabulary, name the motion, motion language, animation naming
• CSS Motion Mechanicstransform order, transform function order, rotate before translate, my rotation flew across the screen, element drifting sideways, orbit animation css
• Canvas Animationhtml canvas, requestAnimationFrame, devicePixelRatio, delta time, generative art, noise
• Canvas DrawingdrawImage, Path2D, canvas gradients, 2d context, fillRect, beginPath
• Canvas Fields And Gridsgrid of circles canvas, per-cell value field, normalize range mapping, clampedNormalize, nested normalize, expanding ripple canvas
• Canvas Motion Modelvelocity, gravity, canvas physics, forces, particle motion, polar velocity
• Color Systemcolors, palette, hsl, oklch
• Component Architecturecomponent design, compound components, composition, props api, derived props, direct manipulation performance
• Depth & Surfacesshadows, surface, surfaces, materials, glass, translucency
• Distill to Essentialsstrip to essentials, simplify, remove clutter, minimal, less is more, reduce to essentials
• Edge Fades over Hard Clippingmasking, overflow, clipping, edge fade, container bleed, mask-image
• Hover & Boop Patternsboop, hover craft, hover transition, button scale, nudge animation, secondary motion
• Icon Drawingicon grammar, draw an icon, icon set, custom icon, stroke icon, icon geometry
• Image Guidelinesphotos, media, user uploads, image contrast
• Looping and Multi-Stage Motionkeyframes, keyframe timing, times array, repeat, loop animation, ambient motion
• Make It Boldermake it bolder, increase visual weight, stronger presence, more impactful, add punch, more dramatic
• Make It Quieterreduce visual noise, calmer, less busy, tone it down, more subtle, too cluttered
• Marketing Pageslanding page, marketing site, hero, blog, docs site, above the fold
• Model Guardrailsguardrails, prompt guardrails, model constraints, clean ui from models, agent constraints, fixed numbers
• Motion Hooksmotion values, useSpring, useInView, whileTap, press feedback, chase a value
• Motion Layout Troubleshootinglayout animation bugs, layoutId, stretched text, layout projection, FLIP debugging, jiggling elements
• Motion Orchestrationorchestration, staggered animation, stagger delay, transition-delay, parent child animation sequence, animation-fill-mode both
• Particle Effectsparticle effect, confetti, burst, celebration animation, like button, sparkles
• Perceived Speedperceived performance, feels slow, feels fast, snappy, responsiveness, easing choice
• Performancelayout shift, cls, virtualization, preload, optimization, jank
• Pointer Interactionscursor tracking, pointer tracking, mouse position, magnetic hover, proximity effect, clip-path
• Product Imageryproduct images, product photography, product photos, image selection, lifestyle imagery, contextual imagery
• Product Pagesecommerce, product page, pdp, buy box, dtc, conversion
• Reading a Referencereference site, reference screenshot, how was this built, reverse engineer an effect, explain interface, layer stack
• Reveal Techniquesreveal animation, wipe, unmask, line drawing, draw svg, stroke dash
• Ripple Refractionwater ripple, refraction, displacement shader, liquid distortion, touch ripple, shader onboarding
• Rounding Polygon Cornersrounded polygon, corner rounding, corner radius on paths, round svg path, tangent circle, bezier arc approximation
• SVG Animationsvg, animated icons, svg paths, stroke-dasharray, stroke-dashoffset, self-drawing
• SVG Drawing Fundamentalssvg shapes, stroke, fill, paint order, svg arc, path commands
• SVG Illustrationillustration, gradients, svg depth, glossy, skeuomorphic, empty state art
• SVG Visual Effectssvg filters, goo effect, metaballs, svg gradients, linearGradient, textPath
• Scroll Animationsscroll animations, scroll driven, scroll triggered, animation-timeline, animation-range, scroll progress
• Spacing & Layoutlayout, white space, whitespace, grid, sizing, alignment
• Spring Easing in CSSlinear(), spring easing, css springs, stiffness, damping, non-bezier easing
• Typographytype, text, fonts, line height, readability
• UI Polishfinishing touches, empty states, defaults, mistakes, native feel
• Utility Class Hygienetailwind, tailwind css, utility classes, class list, class order, class sorting
• View Transitionsview transitions, startViewTransition, view-transition-name, view-transition-class, view-transition-group, shared element transition
• Visual Hierarchyvisual hierarchy, emphasis, priority, action hierarchy, blur test, scanability

UX principles

Forms, navigation, errors, onboarding and the behaviour behind each flow.

• Anti-Patterns Catalogantipatterns, bad ux, mistakes, avoid, dark patterns, ethical design
• Behavior Changebehavior design, habit formation, motivation, reducing friction, behavior map, motivation ability prompt
• Brand in Sparse Interfacesbrand, brand voice, brand in product, product personality, agent personality, assistant personality
• Build a useful Better Widgetbetter widget, widget builder, seo widget, article calculator, interactive article tool, calculator widget
• Cart & Checkoutcheckout, cart, basket, shopping cart, order flow, payment
• Choosing an Interaction Patternpatterns, wizard, stepper, accordion, inline edit
• Cognitive & UX Lawspsychology, biases, behavioral science, hick's law, hicks law, fitts's law
• Commerce Catalog & Assortmentcatalog, collection page, assortment, product grid, product listing, plp
• Comparisoncompare options, side by side, comparison table, results comparison, versus, choosing between options
• Consent, Permission and Sensitive Contentpermissions, opt-in, cookie banner, privacy, sensitive content, data collection
• Design Is Compromisedesign is compromise, compromise, opinionated design, no compromises, uncompromising design, tradeoff
• Design Processstarting, feature first, one screen one purpose, leveling, breaking rules, customer journey
• Dialogs, Modals & Sheetsmodals, sheets, drawers, focus trap, dismissal
• Error Handling & Recoveryerror states, recovery, retry, validation errors, network errors
• Form Behavior & Patternsinputs, validation, form errors, textarea, submission
• Gesture Mechanicsdrag, swipe, pan, pinch, pointer events, pointer capture
• Interactions & Accessibilitykeyboard, focus, hit targets, buttons, links, touch
• Microcopy & Contentcopy, content, cta, button copy, labels, empty state copy
• Mobile & iOS Patternsios, mobile patterns, tablet, layered composition, drawer, bottom sheet
• Mobile Web Browser Defaultsmobile browser, mobile safari, ios safari, chrome android, viewport height, dvh
• Motion Briefanimation brief, motion specification, plan an animation, animation interview, motion requirements, decide motion
• Navigationnav, wayfinding, breadcrumbs, back navigation, command palette
• Notifications & Feedbacktoasts, snackbars, banners, badges, feedback, alerts
• Onboarding & First-Runfirst run, setup, empty states, activation, time to first value, aha moment
• Positioningvalue proposition, headline, messaging, differentiation, who is it for, target audience
• Pricing Pages and Plan Tablespricing page, pricing table, plan comparison, paywall, upgrade, billing toggle
• Product Psychology Workflowproduct psychology, behavioral design workflow, ethical product psychology, behavioral decision making
• Reading User Intentinference, inferred intent, anticipation, smart paste, clipboard, context awareness
• Responsive Designbreakpoints, mobile first, reflow, small screens, zoom
• Searchautocomplete, suggestions, filters, facets, zero results
• Sound Designaudio, sonification, feedback sound, click sound, ui sound effects, audio sprite
• Speed & Perceived Performanceperformance, latency, perceived performance, responsiveness, local-first, optimistic updates
• Steve Jobs: How to Design Insanely Great Productsjobs, product design, simplicity, innovation, taste
• Understanding Usersusers, personas, research, domain, anti personas, customer evidence

Motion guides

Product demo videos, captions and brand-aware motion.

• Brief a product demo before choosing effectsproduct demo structure, product video brief, demo video script, hook reveal proof CTA, video archetypes, feature announcement video
• Build the product's video design system firstvideo design system, brand a Remotion video, make the video match the app, video tokens, motion personality, video theme
• Checking a renderhow do I check my video, review a render, contact sheet, extract frames, frame by frame check, video looks wrong but builds
• Make the product demo understandable without soundvideo captions, accessible product demo, caption track, reduced motion video, silent video, video contrast
• Make the product interaction the visual proofanimate product UI, demo a click, simulated cursor, type into an input, scroll a product screen, zoom into UI
• Making a product video in codefundamentals, remotion basics, how do I make a video in react, motion graphics with code, promo video, demo video
• Pick the product shots from the video componentssnapcn, video component catalog, product demo shots, AI chat video, answer stream, prompt typing video
• Reflow the story for each video formatvertical video, landscape video, square video, 9:16, 16:9, social video safe area
• Story and rhythmscene order, running order, storyboard, what should my demo video say, script for a product video, video pacing
• Text and layout in a rendered framemeasureText, text is clipped, word cut off, letters missing at the end, animated word swap, word rotator
• Use Remotion resources in the right orderRemotion skills, RemotionUI, remocn, Remotion Bits, video component library, video MCP

React Native guides

Expo and React Native patterns for lists, gestures and native feel.

• Animation and Gesturesreanimated, gesture handler, swipeable, liquid glass tabs, motion, animation cookbook
• Authentication and Session Recipesoauth, authentication code examples, secure token storage, token refresh, clerk auth
• Build, Upgrade, and Releaseeas build, app store submission, play store submission, expo sdk upgrade, new architecture, version code
• Chat Component Recipesreact native chat ui, message bubble, message composer, chat timeline, typing indicator, emoji reactions
• Components and Stylingreact native components, stylesheet, flexbox, flatlist, images, figma handoff
• Data Client, Cancellation, and List Recipesfetch code examples, typed api client, query cancellation, abort signal, list performance, pure reducer
• Data, APIs, and Backendsapi routes, expo fetch, streaming, supabase, server data
• Development Builds and Environmentseas development build, expo go vs development build, environment variables, native dependencies
• Durable Generation Workflow Recipesai generation workflow, long running jobs, generation progress, retry and resume, sqlite persistence, zustand persistence
• EAS Updates and Workflowseas update, ota update, expo workflows, rollback, runtime version, channels
• Expo API Route Recipesapi route code examples, expo server routes, zod request validation, backend for frontend, ai provider adapter, rate limiting
• Liquid Glass Welcome Screenliquid glass screens, glass sphere welcome, skia backdrop filter, sticker plume, swipe-up onboarding, appllama
• Media, Sharing, and Audio Recipesincoming share code examples, share extension, share images, expo sharing, expo audio, media lifecycle
• Monetization, Purchases, and Attributionin app purchases, revenuecat, subscriptions, payments, facebook sdk, attribution
• Native Modules, Views, and App Extensionsexpo modules, native module, native view, ios widget, notification extension, app extension
• Native Navigation in React Nativenative tabs, ios navigation, form sheet, sheet detents, stack toolbar, zoom transition
• Native Platform Recipesplatform specific components, expo ui code examples, swiftui compose boundary, native controls
• Native Share Extension Recipesexpo share extension, receive content from other apps, expo-sharing incoming share, expo share intent migration, ios share extension, android share intent
• Native UI with Expo UIswiftui, jetpack compose, native state, list interactions, multiple selection, swipe actions
• Production Mobile App Patternsexpo starter, app template, ai app, realtime audio, authentication starter, revenuecat starter
• Production Reaction System Recipesanimated reaction bar, emoji reaction pills, optimistic message reactions, who reacted bottom sheet, tanstack query reaction cache, chat reaction picker
• Purchases and Usage Recipesrevenuecat code examples, entitlements, restore purchases, credits and usage limits, paywall state
• Push Notificationsnotifications, expo notifications, onesignal, push notifications, notification permissions, notification routing
• React Native Animation Recipesreanimated code examples, gesture handler examples, animated press, swipe action, scroll animation, reduced motion code
• React Native Component Architecturereact native architecture, universal components, native component boundary, platform files
• React Native Knowledge Base Indexreact native index, expo guide index, source coverage, public documentation coverage, all react native topics
• React Native Notification Actionsreact native, expo, notification categories, interactive notifications, push notification actions, background notification response
• React Native Themingreact native colors, expo theme, dark mode, material you, dynamic colors, semantic color tokens
• React Native and Expo Foundationsexpo setup, react native setup, expo go, project structure, how react native works
• Realtime Audio Recipeswebrtc code examples, openai realtime, ephemeral token, voice assistant, microphone session, realtime data channel
• Ripple Refraction (React Native)skia ripple, water ripple react native, runtime effect, sksl shader, image displacement, touch ripple expo
• Social Feed Component Recipestwitter clone react native, social media feed, post card, people directory, follow button, like repost reply
• Testing React Native Appsjest, maestro, e2e testing, expo testing, accessibility testing
• WebView Rich Text Composer Recipesreact native rich text input, tentap composer, tiptap webview editor, message composer mentions, webview mention bridge, pasted image upload

Three.js guides

Scenes, materials, cameras and React Three Fiber composition.

• Audit and improve an existing sceneaudit a three.js scene, audit an r3f app, improve an existing threejs scene, clean up an existing webgl app, my scene gets slower the longer it runs, gpu memory keeps growing while idle
• Blender Workflow and Bakingblender to three.js, baking lightmaps, baked texture, bake render into texture, gltf export settings, glb export blender
• Code Structuring for Bigger Three.js Projectsstructuring bigger three.js projects, three.js architecture, experience class, experience singleton, singleton pattern three.js, how do I organize three.js code
• Custom Shading and Lights in Shaderscustom shader lighting, lights in shaders, shader light model, phong shading glsl, ambient light shader, directional light shader
• Debug UI and Deploymentlil-gui, dat.GUI, debug panel, tweak panel, GUI controls, how do I add a slider to tweak a value
• Drei Catalogdrei, react-three-drei, drei helpers, r3f helpers, CameraControls, ScrollControls
• Environment Maps and Realistic Renderenvironment map, envMap, scene.environment, scene.background, cube texture, CubeTextureLoader
• Lights and Shadowslights, shadows, AmbientLight, DirectionalLight, HemisphereLight, PointLight
• Loading and HTML Integrationloading manager, LoadingManager progress, loading screen three.js, loader bar, progress bar webgl, intro fade
• MaterialsMeshBasicMaterial, MeshNormalMaterial, MeshMatcapMaterial, MeshDepthMaterial, MeshLambertMaterial, MeshPhongMaterial
• Models and 3D TextTextGeometry, 3d text, typeface font, FontLoader, convert font to typeface json, center text geometry
• Particlesparticles, Points, PointsMaterial, THREE.Points, particle system, stars
• Performanceperformance, performance tips, fps drops, my three.js scene is slow, how do I make three.js faster, stats.js fps meter
• Physicsphysics engine, cannon-es, cannon.js, rapier, ammo.js, @react-three/rapier
• Post-Processingpost processing three.js, effectcomposer, render pass, shaderpass, custom pass shader, tDiffuse uniform
• Postprocessing Library Referencepmndrs postprocessing, postprocessing npm package, react-three postprocessing api, effectpass merging, effect catalog, selective bloom
• R3F API Referencer3f api, canvas props, frameloop, frameloop demand, on demand rendering, invalidate
• R3F Interaction, Portfolio Patterns, and Gamesr3f pointer events, onClick mesh, onPointerEnter onPointerLeave, click through object, stopPropagation raycaster, cursor pointer on hover 3d
• R3F Staging, Models, and Scene Portingdrei Environment, environment map r3f, HDRI in react three fiber, Environment preset, Lightformer, Stage helper
• Rapier Physics Referencerapier api reference, react three rapier props, Physics component props, timeStep vary, paused physics, physics interpolation
• React Three Fiber Fundamentalsr3f, react three fiber, fiber, declarative three.js, jsx scene graph, Canvas component
• Scroll and Mouse Interactionscroll based animation, scroll synced camera, three.js background of html page, transparent canvas, alpha renderer, parallax effect
• Shader Effects Recipesshader effects, custom shader material, ShaderMaterial recipes, raging sea, animated water shader, ocean waves
• Shader Particles and GPGPUshader particles, custom particles ShaderMaterial, Points custom shader, gl_PointSize, size attenuation formula, gl_PointCoord
• Shaders Fundamentalsglsl basics, custom shader, ShaderMaterial, RawShaderMaterial, vertex shader, fragment shader
• Texturestexture loading, TextureLoader, LoadingManager, PBR textures, albedo map, color map
• Three.js Fundamentalswhat is webgl, why use three.js, three.js setup, scene camera renderer, first three.js scene, black screen nothing renders
• Three.js Official Manual, Distilledthree.js installation, three addons import, three/addons/, importmap three.js, OrbitControls import, GLTFLoader import
• WebGPU and TSLWebGPURenderer, webgpu renderer setup, three webgpu, TSL, three shading language, node material

SwiftUI guides

SwiftUI layout, transitions and platform conventions.

• API Availability (Swift)available check ios version, unavailable attribute, deprecated obsoleted swift, backdeployed attribute, backport view modifier, version gating
• Accessibility Actions (SwiftUI)voiceover custom actions, adjustable rating control, accessibilityadjustableaction, magic tap, escape gesture dismiss, named accessibility action
• Accessibility Focus (SwiftUI)accessibilityfocusstate, accessibilityfocused modifier, voiceover focus move, switch control focus, assistive technology cursor
• Accessibility Rotors (SwiftUI)accessibilityrotor modifier, voiceover rotor navigation, custom rotor ios, rotor entry namespace, navigate filtered items voiceover
• Adopting Swift 6 (SwiftUI)swift 6 migration, sendable errors, data race safety, mainactor view model, actor for shared state, exc_bad_access concurrency
• AnimatableModifier (SwiftUI)animate number counter, animatabledata, animatable text, custom animatable modifier, count up animation ios
• Async Button (SwiftUI)async action button, disable button while loading, prevent double tap task, cancel running task button, button swift concurrency
• AsyncImage (SwiftUI)remote image loading, asyncimage placeholder, image download url swiftui, asyncimagephase, image loading states ios, avatar from url
• Audio Graphs (SwiftUI)accessibilitychartdescriptor, axchartdescriptor, voiceover chart sound, accessible bar chart ios, sonified data
• Awaiting Multiple Async Tasks (SwiftUI)async let, parallel await, run two async functions concurrently, waitforall task group, concurrent fetch results, sequential await slow
• Badges (SwiftUI)badge modifier, tab bar badge count, list row badge, unread count indicator ios, hide badge when zero
• Blur and Materials (SwiftUI)blur modifier, regularmaterial background, frosted glass effect ios, translucent panel, ultrathinmaterial, gaussian blur view
• Bottom Sheet API (SwiftUI)presentationdetents half sheet, resizable sheet ios, custom detent height, sheet drag indicator, interact behind sheet, sheet corner radius background
• Building Custom Layout: Basics (SwiftUI)layout protocol flow layout, tag cloud wrapping stack, sizethatfits placesubviews, proposedviewsize subviews proxy, custom container without geometryreader
• Building Custom Layout: Caching (SwiftUI)layout cache associated type, makecache updatecache, layout performance tuning, avoid repeated sizethatfits calls, cache subview sizes
• Building Custom Layout: LayoutValueKey (SwiftUI)per view layout parameter, layoutvalue modifier, subview subscript key, custom anchor per child, pass data to layout protocol
• Building Custom Layout: Spacing (SwiftUI)preferred spacing between subviews, subview spacing distance, layout spacing parameter, platform default spacing, flow layout gaps
• Building a List Replacement (SwiftUI)custom list scrollview, divided card container, navigationlink chevron button style, lazy stack instead of list, sectioned scroll screen, card based settings screen
• Button Styles and Roles (SwiftUI)bordered button style, borderedprominent, button role destructive, tint modifier, controlsize button, buttonbordershape capsule
• Canvas (SwiftUI)canvas view drawing, graphicscontext, immediate mode drawing ios, draw text in canvas, resolvesymbol, animate canvas timelineview
• Chaining Publishers With Combine (Swift)flatmap publisher chain, switchtolatest, debounce search field, cancel stale request, typeahead search combine, race condition search results
• Chart Accessibility (SwiftUI)voiceover charts ios, audio graph, accessible chart labels, plottable value labels, accessibilityvalue on mark, chart accessibility tree
• Chart Customizations (SwiftUI)swift charts styling, chartplotstyle, axismarks customization, custom chart axis ios, chart grid lines and ticks, style chart plot area
• Chart Legends (SwiftUI)chart legend swiftui, hide chart legend, chartlegend position, chartforegroundstylescale, custom legend colors ios, swift charts series colors
• Chart Scrolling (SwiftUI)scrollable chart ios, chartscrollableaxes, chartxvisibledomain, chart paging, chartscrollposition binding, date aligned chart snapping
• Chart Selection (SwiftUI)chartxselection, tap chart value ios, chart scrubbing, rulemark annotation, chart range selection, chartgesture
• CloudKit Basics (Swift)cloudkit save fetch records, ckrecord converter, ckcontainer private database, icloud sync ios, ckquery predicate indexes, account status check
• Combining Multiple Publishers (Swift)zip publishers, combinelatest form validation, mergemany cache and network, parallel requests combine, wait for two publishers
• Commands (SwiftUI)macos menu bar, commandmenu, commandgroup placement, ipad command key hud, main menu items mac, app menu customization
• Conditional Layouts (SwiftUI)anylayout switch stacks, hstack to vstack animated, preserve state on layout change, size class responsive layout, hstacklayout vstacklayout
• Confirmation Dialogs (SwiftUI)confirmationdialog modifier, action sheet replacement, destructive action confirm, are you sure dialog ios, delete confirmation prompt
• Container Relative Frames (SwiftUI)containerrelativeframe, size relative to parent, carousel item width, geometryreader alternative, count span spacing, paging item sizing
• Container Views: Basics (SwiftUI)custom container view, foreach subviews, group subviews, subviewscollection, carousel from viewbuilder content, decompose child views
• Container Views: Sections (SwiftUI)foreach sections, group sections, sectionconfiguration, section header footer container, recompose sections custom container, sectioned carousel
• Container Views: Values (SwiftUI)container values, entry macro containervalues, containervalue modifier, pass data to container view, featured section flag, tag subview for layout
• Content Margins (SwiftUI)contentmargins modifier, readable content width ipad, center list on ipad, safeareapadding scrollbar problem, scrollcontent placement
• Content Shape (SwiftUI)contentshape modifier, hit testing shape, drag preview outline, hover effect shape ipados, contextmenu preview shape, tap area larger
• Content Transition (SwiftUI)animate text change, numerictext transition, rolling number animation ios, contenttransition interpolate opacity, animated counter label
• ContentUnavailableView (SwiftUI)empty state view ios, no results screen, contentunavailableview search, error state placeholder, no search results swiftui
• ControlGroup (SwiftUI)controlgroup view, group related buttons, controlgroupstyle protocol, segmented button cluster ios, toolbar button group
• Custom Accessibility Content (SwiftUI)accessibilitycustomcontent, voiceover verbose mode, prioritize voiceover data, accessibilitycustomcontentkey, combine row accessibility
• Custom Combine Operators (Swift)custom publisher operator, publisher extension, catch to result, finish on fail, never failing side effect, combine error handling helpers
• Custom Format Styles (Swift)custom formatstyle, formatted extension own type, attributed string formatting, strikethrough old price, reusable formatter swift, format model for display
• Custom Hover Effects (SwiftUI)hovereffect modifier, visionos hover effect, customhovereffect protocol, scale on hover ios, gaze highlight visionos, hover animation delay
• Custom Property Wrappers (Swift)custom property wrapper, propertywrapper attribute, keychain storage wrapper, dynamicproperty protocol, projectedvalue binding, appstorage for keychain
• Customizing Toolbars (SwiftUI)hide navigation bar tab bar, toolbarbackground translucent, toolbar title menu arrow, toolbarrole editor ipad, secondary toolbar actions menu
• Customizing Windows (SwiftUI)defaultsize window, windowresizability, defaultwindowplacement, windowdraggesture, macos visionos window position, multi window scene setup
• Deep Linking for Local Notifications (SwiftUI)onopenurl notification tap, notification opens screen, url scheme deep link ios, unusernotificationcenter delegate, uiapplicationdelegateadaptor, navigate from push tap
• Deprecating Your Own Convenience API (SwiftUI)available deprecated obsoleted, version bridge dead code, compatibility shim cleanup, availability annotation own code, compiler reminder remove wrapper, ios version bridging labelstyle
• Designing APIs With Combine (Swift)future publisher wrap callback, deferred lazy publisher, passthroughsubject stream, combine healthkit, handleevents lifecycle, callback to publisher
• Displaying Live Activities (SwiftUI)activitykit lock screen widget, dynamic island widget, activityattributes contentstate, start update end live activity, live sports score widget
• Drag and Drop with Transferable (SwiftUI)draggable modifier, dropdestination, drag and drop ios, drag preview swiftui, drop urls into list, transferable drag
• Dynamic Member Lookup (Swift)dynamicmemberlookup attribute, keypath subscript, dot syntax passthrough, store state access, forward properties to wrapped type, dynamic member subscript
• Entry Macro (SwiftUI)entry macro environment values, custom environment key boilerplate, environmentkey defaultvalue, focusedvalues entry, share state via environment
• Exporting Unified Logging Data (SwiftUI)oslogstore read logs, export logs from device, share app logs with developer, getentries oslog filter subsystem, logs since last boot
• Feature Flags (SwiftUI)feature flag environment, build configuration flags, testflight vs appstore builds, compilation conditions ios, trunk based development ios, toggle unfinished features
• File Importing and Exporting (SwiftUI)fileimporter, fileexporter, filedocument protocol, open file dialog ios, save file swiftui, filemover
• Focus Management (SwiftUI)focusable modifier, isfocused environment, tvos remote focus, prefersdefaultfocus, focus scope namespace, default focus entry point
• FocusState (SwiftUI)focusstate, focused modifier, dismiss keyboard programmatically, move focus between fields, defaultfocus, searchfocused
• FocusedValue and FocusedBinding (SwiftUI)focusedvalue, focusedvaluekey, read focused view content, focusedbinding, menu act on focused editor, focusedsceneValue
• Foundation Formatter API Basics (Swift)formatted function, format date without dateformatter, number currency percent format, formatstyle api, locale friendly formatting ios, relative date string
• Functional Core with Unidirectional Flow (Swift)middleware pattern swift, reducer state action, store taskgroup side effects, unidirectional flow store, test reducer without mocks
• Functional Core, Imperative Shell (Swift)value type state logic, struct mutating pure functions, observableobject side effects, testable app logic swift, store holds value type
• GeometryReader Without Breaking Layout (SwiftUI)geometryreader size, geometryproxy frame, measure view size, geometryreader fills space, read safe area insets, background geometry probe
• Glassifying Custom Views (SwiftUI)glasseffect modifier, liquid glass custom view, glass tint interactive, glass regular clear identity, glass shape circle, conditional glass effect
• Glassifying Tabs (SwiftUI)liquid glass tab bar, tab api tabview, sidebaradaptable, tabviewbottomaccessory, tabbarminimizebehavior, search tab role
• Glassifying Toolbars (SwiftUI)liquid glass toolbar, toolbaritem placement styling, toolbarspacer groups, toolbar label style ios 26, glassprominent confirmation, toolbar icons instead of text
• Glassifying View Groups (SwiftUI)glasseffectcontainer, glass morphing spacing, glasseffectunion, group glass buttons, liquid glass toolbar cluster, merge glass shapes
• Hero Animations (SwiftUI)matchedgeometryeffect, shared element transition, zoom navigation transition, matchedtransitionsource, morph view between positions, namespace animation
• ImageRenderer (SwiftUI)export view as image, render swiftui to uiimage, save chart as image, swiftui view to pdf, displayscale export, cgcontext render
• Inspectors (SwiftUI)inspector view modifier, trailing detail column, adaptive sheet ipad column, inspectorcolumnwidth, inspectorcommands shortcuts
• Keyboard Shortcuts (SwiftUI)keyboardshortcut modifier, hotkey button ios, key equivalent, command key shortcut mac, ipad hardware keyboard
• Labels (SwiftUI)label icon title, labelstyle protocol, icon only label, sf symbol with text, accessible icon text pair
• Lazy Navigation (SwiftUI)navigationlink performance, too many navigation links, navigate on selection binding, hidden navigationlink background, programmatic push optional value
• Logging in Swift (SwiftUI)os logger unified logging, logger subsystem category, log privacy public interpolation, console app filter logs ios, debug logs on device
• MapKit Basics (SwiftUI)map view ios 17, mapkit markers annotations, mapcamera position, user location on map, map interaction modes, mapcontentbuilder
• MapKit Camera (SwiftUI)map camera bounds, limit map zoom distance, mkmaprect union coordinates, follow user location map, positionedbyuser, fit markers on map
• MapKit Customizations (SwiftUI)mapstyle imagery hybrid standard, satellite map ios, map controls compass scale, mapscope namespace, points of interest filter, map traffic toggle
• MapKit Interactions (SwiftUI)onmapcamerachange, track map drag ios, map camera keyframe animation, map marker selection binding, fly through map animation
• Mastering Charts: Custom Marks (SwiftUI)candlestick chart swift charts, chartcontent protocol, reusable mark type, rectanglemark ystart yend, compose marks in one chart
• Mastering Charts: Interactions (SwiftUI)tap chart to select data point, chartproxy value at position, chartoverlay drag gesture, scrubbing line chart, highlight selected bar
• Mastering Charts: Mark Styling (SwiftUI)swift charts bar color, rounded bar corners chart, dashed line chart style, chart annotation label, grouped bars position by, catmullrom interpolation
• Mastering Dynamic Island (SwiftUI)dynamic island layout regions, compact leading trailing minimal, expanded region priority, keylinetint island color, live activity island presentation
• Mastering Grid Layout (SwiftUI)grid gridrow eager layout, table like alignment, gridcellcolumns span, grid vs lazyvgrid, column alignment cells
• Mastering GroupBox (SwiftUI)groupbox card, groupboxstyle protocol, card container ios, health app card style, custom card grouping
• Mastering LabeledContent (SwiftUI)label value row in form, labeledcontentstyle custom, settings row layout ios, format style value display, labelshidden modifier
• Mastering List (SwiftUI)list sections, list selection edit mode, swipe actions row, recursive tree list, liststyle insetgrouped, listrowseparator tint
• Mastering NavigationSplitView (SwiftUI)sidebar detail layout ipad, three column navigation, column visibility binding, selection based list navigation, split view column width
• Mastering ScrollView (SwiftUI)scrollview offset, scroll to position, scrollviewreader proxy, scroll position tracking ios, content offset preference key, programmatic scrolling
• Mastering Search (SwiftUI)searchable modifier, search bar placement, search suggestions completion, issearching dismisssearch, search scopes segmented, search tokens
• Mastering TimelineView (SwiftUI)timelineview animation schedule, update view on a timer, periodic view refresh, custom timelineschedule, cadence apple watch, time based ui updates
• Microapps Architecture: Dependency Injection (Swift)dependencies struct closures, inject services view model, mock dependencies previews, app dependencies container, testable feature module
• Microapps Architecture: Feature Modules (Swift)feature module spm, foundation module design system, thin app coordinator, decoupled feature packages, microapp per feature
• Microapps Architecture: Resources and Localization (Swift)bundle module property, spm resources copy process, localizable strings package, defaultlocalization, asset catalog in package, cross module localization
• Microapps Architecture: SPM Basics (Swift)swift package manager modules, package swift targets, modularize ios app, reduce compile time xcode, feature module setup, public access modifier module
• Modeling Errors in Swift (SwiftUI)error enum design, throw catch patterns, when to throw vs return nil, reduce nested do catch, error handling api design
• Monitoring Performance with MetricKit (SwiftUI)metrickit subscriber, mxmetricmanager, background termination reasons, crash diagnostics ios, oom exit tracking, performance dashboard ios
• NavigationStack: Deep Linking (SwiftUI)programmatic navigation path, pop to root swiftui, onopenurl deep link, navigation state restoration scenestorage, handoff oncontinueuseractivity
• NavigationStack: NavigationPath (SwiftUI)type erased navigation stack, push mixed value types, navigationpath codable representation, persist navigation state, navigationpath vs route enum
• NavigationStack: The Navigator Pattern (SwiftUI)value based navigationlink, navigationdestination placement rules, route enum navigation, centralize navigation logic, data driven navigation ios 16
• Observation Framework (Swift)observation framework, withobservationtracking, observable macro data flow, bindable property wrapper, replace observedobject, environment observable type
• Page Object Pattern for UI Tests (Swift)page object pattern, screen object ui tests, chainable xcuitest, reusable login flow test, maintainable ui tests ios, failure screenshot attachment
• PhotosPicker (SwiftUI)photo picker ios, photosui framework, pick image from library, phpickerfilter, loadtransferable image, multiple photo selection
• Pie and Donut Charts (SwiftUI)sectormark, pie chart ios, donut chart swift charts, innerradius ratio, angularinset spacing, revenue breakdown chart
• Preview Macro (SwiftUI)preview macro xcode, hashtag preview swift, xcode canvas previews, preview traits landscape, uikit view controller preview, widget timeline preview
• Previews in Xcode (SwiftUI)previewable macro, preview binding state, previewmodifier protocol, mock data preview, preview traits modifier, xcode preview environment
• Profiling With Instruments (SwiftUI)instruments swiftui template, view body duration, slow body property, time profiler ios, frame drop debugging, performance profiling xcode
• ProgressView (SwiftUI)progressview spinner, loading indicator ios, determinate progress bar, progressviewstyle protocol, fractioncompleted
• Pull-to-Refresh (SwiftUI)refreshable modifier, refresh list gesture ios, environment refresh action, reload on pull, custom refresh button
• Redux Connectors (SwiftUI)redux connector pattern, view state mapping, derived store, single source of truth swiftui, testable view formatting, unidirectional data flow ios
• Redux-like Store with Swift Concurrency (SwiftUI)unidirectional flow async await, store reducer mainactor, combine to swift concurrency migration, publisher values asyncsequence, async effect cancellation
• Ripple Refraction (SwiftUI)water ripple swiftui, distortion effect, metal shader swiftui, stitchable shader, image displacement swiftui, touch ripple ios
• SF Symbols (SwiftUI)system icons ios, image systemname, symbolrenderingmode, symbolvariant fill, palette icon colors, imagescale
• Safe Area (SwiftUI)ignoressafearea, safeareainset, safeareapadding, edge to edge background ios, keyboard safe area, bottom bar over content
• Scoped Animations (SwiftUI)animation viewbuilder closure, limit animation scope, unexpected animations fix, animation value parameter, scoped transaction, multi step animation ios
• ScrollView Scroll Geometry (SwiftUI)onscrollgeometrychange, read scroll offset gesture, scrollgeometry contentoffset, track visible rect scroll, scroll offset observer ios 18
• ScrollView Scroll Offset (SwiftUI)scrollposition type, programmatic scroll to offset, scroll to top bottom button, scrollto id anchor, animate scroll position
• ScrollView Scroll Phases (SwiftUI)onscrollphasechange, detect scrolling state, is scroll view scrolling, scroll deceleration event, scroll velocity context
• ScrollView Scroll Position (SwiftUI)scrollposition binding, programmatic scroll ios, initial scroll anchor, scroll to item without scrollviewreader, scrollindicatorsflash, track visible item
• ScrollView Scroll Visibility (SwiftUI)onscrollvisibilitychange, visible items in scroll view, autoplay video on scroll, onscrolltargetvisibilitychange, visibility threshold viewport
• ScrollView Target Behavior (SwiftUI)scroll snapping ios, scrolltargetbehavior, paging scrollview, viewaligned snapping, scrolltargetlayout, custom snap behavior
• ScrollView Transitions (SwiftUI)scrolltransition modifier, scroll viewport effects, fade views while scrolling, scrolltransitionphase, scale on scroll ios, scroll driven animation
• Sensory Feedback (SwiftUI)haptic feedback swiftui, sensoryfeedback modifier, play haptics ios, impact feedback weight intensity, success error haptic, vibration on state change
• ShapeStyle (SwiftUI)shapestyle protocol, fill shape gradient, hierarchical styles primary secondary, anyshapestyle type erased, tintshapestyle, imagepaint fill
• Sharing Content (SwiftUI)sharelink, share sheet swiftui, transferable protocol, export data ios, coretransferable, custom uttype export
• State Restoration (SwiftUI)scenestorage property wrapper, restore tab selection relaunch, useractivity restoration, oncontinueuseractivity, resume flow after app kill
• StoreKit 2 Basics (Swift)in-app purchase swift, storekit 2 basics, product purchase flow, transaction updates stream, currententitlements, storekit configuration file
• StoreKit 2 ProductView and StoreView (SwiftUI)productview, storeview, paywall ui ios, productviewstyle, storekit views, restore purchases button
• StoreKit 2 SubscriptionStoreView (SwiftUI)subscription paywall ios, subscriptionstoreview, subscription group ui, containerbackground store, subscriptionstorecontrolstyle, marketing content paywall
• StoreKit 2 View Modifiers (SwiftUI)oninapppurchasecompletion, subscriptionstatustask, currententitlementtask, purchase environment value, dismiss paywall after purchase, observe subscription status
• StoreKit Testing (SwiftUI)sktestsession, test in app purchases, simulate subscription expiry, refund transaction test, ask to buy testing, storekit configuration file
• Streaming Changes with Observations (SwiftUI)observations async sequence, observable to async stream, withobservationtracking limits, observe model changes for await, combine publisher replacement, keypath observation stream
• Structural Identity (SwiftUI)view identity if else, conditionalcontent, state lost on condition change, unwanted animation branch, inert view modifiers
• Styling Custom Views Through the Environment (SwiftUI)custom style protocol, environmentkey style, share style view hierarchy, chart style struct, buttonstyle app wide, theme custom component
• Submitting Values (SwiftUI)onsubmit modifier, return key action, submitlabel keyboard, search submit trigger, textfield enter key ios, submitscope
• Swift Testing Scoping (SwiftUI)testscoping protocol, swift testing traits, mock environment tests, tasklocal dependency injection, reusable test setup teardown, suite trait scope
• SwiftUI Performance with UIKit (SwiftUI)uihostingconfiguration, uikit cells in swiftui, infinite list performance, uiviewrepresentable table view, hosting controller environment, when to drop to uikit
• SwiftUI in iOS 15 (WWDC21)ios 15 swiftui features, swipeactions list, refreshable pull to refresh, searchable modifier, asyncimage remote image, focusstate text field
• SwiftUI on visionOS (SwiftUI)visionos app basics, ornament toolbar placement, model3d usdz, volumetric window style, immersive space open dismiss, vision pro realitykit
• Swipe Actions Outside of List (SwiftUI)swipeactionscontainer, swipe to delete scrollview, swipe actions lazy stack, custom layout swipe actions, allowsfullswipe, row actions without list
• Tabs and Pages (SwiftUI)tabview swiftui, tab bar ios, paged carousel swiftui, page indicator dots, programmatic tab switching, swipeable pages ios
• Taking Control of Toolbar Items (SwiftUI)visibilitypriority toolbar, toolbaroverflowmenu, topbarpinnedtrailing, toolbarminimizebehavior, toolbar collapse control, which toolbar items collapse
• Task Groups (SwiftUI)withtaskgroup, parallel downloads swift, concurrency limit task group, cancelall task group, addtaskunlesscancelled, structured concurrency child tasks
• Text Field Enhancements (SwiftUI)multiline textfield, textfield axis vertical, textselection binding, textinputsuggestions macos, writing tools behavior, read selected text
• The Power of Overlays (SwiftUI)overlay modifier tricks, structural identity, avoid if branching viewbuilder, hero animation without navigationstack, matchedgeometryeffect overlay, view loses state on toggle
• The Redacted Modifier (SwiftUI)skeleton loading view, redacted placeholder, loading state shimmer, unredacted, redactionreasons environment, hide sensitive data widget
• The accessibilityChildren View Modifier (SwiftUI)accessible chart shape, voiceover for custom drawing, accessibility container swiftui, accessibilitychildren vs accessibilityrepresentation, accessibility tree for path
• The task View Modifier (SwiftUI)async work on view appear, task id cancellation, debounce search requests, cooperative cancellation view lifecycle, task priority modifier
• Thread Safety with Actors (Swift)actor keyword, actor isolation, actor reentrancy race, await actor property, task caching dedupe, actors vs locks
• Thread Safety with Locks (Swift)osallocatedunfairlock, nsrecursivelock, data race crash ios, withlock, protect shared mutable state, concurrent access class
• TipKit Basics (SwiftUI)tipkit popover tip, feature discovery hints ios, tipview inline, tips configure frequency, onboarding tooltips
• TipKit Customizations (SwiftUI)tipviewstyle custom, tip corner radius background, style tipkit popover, tipimagesize, custom tip appearance
• TipKit Rules (SwiftUI)tipkit rule macro, tip parameter binding, event donations tipkit, invalidate tip actionperformed, maxdisplaycount option, conditional tips ios
• Tracking Geometry Changes (SwiftUI)ongeometrychange modifier, measure view size, geometryreader replacement, scroll offset ios 16, coordinate space frame
• Transactions (SwiftUI)withtransaction, override child animation, disablesanimations, transaction modifier, animation context state change, gesture animation override
• Trigger Value Pattern (SwiftUI)trigger parameter modifier, run action on value change, onchange side effect, scrollindicatorsflash, declarative imperative bridge, custom trigger view modifier
• Typed Throws (SwiftUI)typed throws swift 6, throws error type, throwing function error type, typed error handling swift, catch specific error type, throws(never)
• UI Testing With XCTest (SwiftUI)xcuiapplication, ui test login flow, accessibility identifier testing, waitforexistence, launch arguments test setup, disable animations tests
• Unidirectional Flow (Swift)redux style store ios, reducer pattern, state action store, single source of truth swiftui, testable state management, observable store
• ViewThatFits (SwiftUI)adaptive layout without geometryreader, hstack fallback to vstack, pick view by available space, responsive component ios, viewthatfits axis
• Visual Effects (SwiftUI)visualeffect modifier, geometry based effects, scale blur opacity from frame, animate by position ios, scroll driven visual effect
• What Is New After WWDC 23 (SwiftUI)ios 17 swiftui features, observable macro migration, phaseanimator, withanimation completion, contentunavailableview, preview macro
• What Is New After WWDC 24 (SwiftUI)ios 18 swiftui features, tab type sidebaradaptable, zoom navigation transition, entry macro environment, previewable state macro, group subviewsof
• What Is New After WWDC22 (SwiftUI)ios 16 swiftui features, navigationstack navigationdestination, layout protocol custom container, swift charts intro, presentationdetents bottom sheet, viewthatfits adaptive layout
• What Is New After WWDC25 (SwiftUI)liquid glass, tab role search, toolbarspacer, glass button style, glasseffect modifier, webview swiftui ios 26
• What Is New After WWDC26 (SwiftUI)prominent tab role, swipeactionscontainer, reordercontainer drag drop, crossfade navigation transition, asyncimage caching urlsession, toolbar visibility priority overflow
• Where Swift Concurrency Runs Your Function (SwiftUI)async await thread selection, cooperative thread pool, mainactor isolation rules, nonisolated async function, which thread runs async swift
• Window Management (SwiftUI)openwindow environment action, menubarextra macos menu bar app, window scene macos, windowgroup for value type, supportsmultiplewindows check
• Yielding and Debouncing (SwiftUI)debounce search swiftui, task id modifier, task.sleep debounce, task.yield, cooperative thread pool blocking, searchable throttle
• Zone Sharing in CloudKit (SwiftUI)cloudkit share data between users, ckshare record zone, uicloudsharingcontroller swiftui, accept cloudkit share link, collaborative icloud sync, shared database fetch zones
• accessibilityRepresentation (SwiftUI)accessibilityrepresentation, voiceover custom control, borrow accessibility from toggle, canvas accessibility, custom control a11y ios
• visionOS Ornaments (SwiftUI)ornament view modifier, bottomornament toolbar, vision pro floating controls, glassbackgroundeffect, custom ornament placement

Shopify guides

Theme sections, Liquid and storefront patterns.

• Shopify Liquid language and commerce dataliquid reference, liquid objects, liquid tags, liquid filters, shopify liquid
• Shopify localization, accessibility, and performanceshopify localization, theme translations, shopify accessibility, shopify performance, theme quality
• Shopify sections, blocks, snippets, and LiquidDocsection schema, theme blocks, liquid snippets, liquiddoc, merchant settings
• Shopify theme architecturetheme architecture, shopify directories, online store 2.0, json templates
• Shopify theme workflow and validationshopify cli, theme check, validate liquid, theme development workflow, shopify testing

Sales principles

Practical guidance for objections, champion support and feature value.

• Sales Principlesprinciples, ACERS, objection handling, sales objections, consultative selling, voice sales