skills.rest
aj-bartocciaj-bartocciCommunity·1 Agent Skills Included

Storybook-SwiftUI

Visual SwiftUI component previews, tagging, and rapid verification

Renders SwiftUI and UIKit components in an organized, browsable preview catalog without building the full app. Organizes views with folders and tags, adds interactive controls like dark mode, font sizing, and screen size toggles. Enables instant visual verification by launching directly to a tagged view, eliminating slow manual navigation during UI development.
43|1
↗
npx skills add aj-bartocci/Storybook-SwiftUI --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
aj-bartocciaj-bartocci

verifying-with-storybook

Verify SwiftUI components visually via tagged Storybook views during development.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Storybook-SwiftUI?▼

Run `npx skills add aj-bartocci/Storybook-SwiftUI --all -g -y` in your terminal to install the verification skill globally.

How to preview SwiftUI components without building the app?▼

Add @objc static StorybookPage extensions to your component files and render StorybookCollection in a PreviewProvider to browse all views instantly.

How to visually verify a SwiftUI view during development?▼

Tag the view with a unique identifier, launch the app with the --storybook argument, and search the tag to auto-open the exact view for inspection.

Does Storybook-SwiftUI work with UIKit apps?▼

Yes. UIKit apps can use it through the companion SwiftUIPreviewHelpers library, and it supports iOS 10+ and macOS 11+.

Can I test dark mode and font sizes in previews?▼

Yes. Built-in controls let you toggle dark mode, dynamic type sizes, and screen dimensions, and you can add custom controls to any view.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills