apple-swiftui

SwiftUI Reference

A skill covering the major APIs of the official SwiftUI documentation. Depending on the user's task, read the appropriate README.md and follow it to the individual files.

Directory structure

skills/apple-swiftui/
  SKILL.md
  references/
    views-controls/
      README.md
      text.md
      label.md
      image.md
      button.md
      toggle.md
      textfield.md
      securefield.md
      texteditor.md
      slider.md
      stepper.md
      picker.md
      datepicker.md
      colorpicker.md
      progressview.md
      link.md
      menu.md
      list.md
      section.md
      foreach.md
      form.md
    layout/
      README.md
      vstack.md
      hstack.md
      zstack.md
      lazyvstack.md
      lazyhstack.md
      grid.md
      gridrow.md
      lazyvgrid.md
      lazyhgrid.md
      griditem.md
      spacer.md
      divider.md
      geometryreader.md
      viewthatfits.md
      layout.md
      alignment.md
      horizontalalignment.md
      verticalalignment.md
      edgeinsets.md
      scrollview.md
    state-data/
      README.md
      state.md
      binding.md
      bindable.md
      environment.md
      environmentvalues.md
      environmentobject.md
      stateobject.md
      observedobject.md
      observableobject.md
      appstorage.md
      scenestorage.md
      focusstate.md
      namespace.md
    navigation/
      README.md
      navigationstack.md
      navigationsplitview.md
      navigationlink.md
      navigationpath.md
      navigationdestination.md
      sheet.md
      fullscreencover.md
      popover.md
      alert.md
      confirmationdialog.md
      tabview.md
      tab.md
      toolbar.md
      toolbaritem.md
      presentationdetents.md
    modifiers/
      README.md
      frame.md
      padding.md
      background.md
      overlay.md
      foreground-style.md
      font.md
      text-styling.md
      text-layout.md
      clip-shape.md
      shadow.md
      opacity.md
      offset-position.md
      scale-rotation.md
      border-tint.md
      interaction.md
    animation/
      README.md
      withanimation.md
      withanimation-completion.md
      animation.md
      animation-modifier.md
      spring.md
      transition.md
      anytransition.md
      transition-modifier.md
      transition-phase.md
      contenttransition.md
      contenttransition-modifier.md
      matchedgeometryeffect.md
      phaseanimator.md
      keyframeanimator.md
      animatable.md

Exploration procedure

Derive the category from the task, and identify the target page in the category's README.md:

1. Find the category corresponding to the task in the mapping table below
2. of that category references/{category}/README.md refer to and identify the target page
3. For the relevant page, .md Read to check the details

Task → Category Mapping

Task	Category	Reference README
Want to use standard views such as Text / Image / Button / Toggle / List / Form	views-controls	references/views-controls/README.md
Want to create input UI with TextField / SecureField / Picker / DatePicker / Slider	views-controls	references/views-controls/README.md
Want to display lists or repeated data with ForEach / Section	views-controls	references/views-controls/README.md
Want to arrange views with VStack / HStack / ZStack	layout	references/layout/README.md
Want to create grid layouts with LazyVGrid / LazyHGrid / Grid	layout	references/layout/README.md
Want to control size and alignment with GeometryReader / ViewThatFits / Layout	layout	references/layout/README.md
Want to manage view state with State / Binding / Bindable	state-data	references/state-data/README.md
Want to use Environment / EnvironmentObject / EnvironmentValues	state-data	references/state-data/README.md
Want to persist data with AppStorage / SceneStorage	state-data	references/state-data/README.md
Want to implement screen transitions with NavigationStack / NavigationLink	navigation	references/navigation/README.md
Want to show modals with sheet / fullScreenCover / popover / alert	navigation	references/navigation/README.md
Want to create tabs and toolbars with TabView / Tab / toolbar / ToolbarItem	navigation	references/navigation/README.md
Want to adjust layout with frame / padding / background / overlay	modifiers	references/modifiers/README.md
Want to refine the appearance with font / foregroundStyle / shadow / opacity	modifiers	references/modifiers/README.md
Want to apply clipShape / scaleEffect / rotationEffect / border, etc.	modifiers	references/modifiers/README.md
Want to add animations with withAnimation / Animation	animation	references/animation/README.md
Want to define insertion/removal animations with Transition / AnyTransition	animation	references/animation/README.md
Want to use matchedGeometryEffect / PhaseAnimator / KeyframeAnimator	animation	references/animation/README.md