What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
TurboSnap can reduce the visual-test work Chromatic performs by capturing stories affected by code changes and reusing snapshots for unaffected stories. Enable it with Chromatic CLI’s --only-changed flag or onlyChanged: true in supported configuration, then confirm from the build output that it is selecting stories as expected. The time saved depends on your project and the changes in each build; reduced snapshot usage does not guarantee a faster CI run.
How TurboSnap speeds up visual regression tests
TurboSnap is Chromatic’s optimization for UI Tests. It uses Git history together with the dependency graph generated by Webpack or Vite to identify story files affected by changes. Chromatic captures new snapshots for affected stories and reuses snapshots for stories without associated code changes. It is therefore more than filtering the current pull request’s file list: the dependency graph helps connect changed code to the stories that use it. Chromatic’s TurboSnap documentation describes the approach.
That selective work may lower snapshot usage and may reduce build time, but those are separate outcomes. Wall-clock performance depends on your project, its build, and the changes made. The documentation does not establish a neutral head-to-head runtime benchmark. Chromatic’s product page says TurboSnap can reduce usage costs “by up to 80%”; that is a vendor claim, not an independently verified result or a promise of a particular runtime gain. Chromatic’s TurboSnap product page
Check prerequisites before enabling TurboSnap
Chromatic’s documented Storybook setup lists these requirements. Compatibility and setup guidance can change, so check the current setup guide before changing a version-sensitive CI configuration.
Free tools Windows power users keep installed
One-click scans. No signup required.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
- Chromatic CLI 10.0 or later.
- Storybook 6.5 or later, or Vitest 4 or later.
- Git 2.28.0 or later.
- A Webpack- or Vite-based project with correctly configured stories.
- UI Tests enabled and ten successful CI builds for the documented Storybook flow.
For GitHub Actions, the setup guide says to run the workflow on push rather than pull_request. Follow the current guide for the exact workflow setup; do not assume a configuration that worked for another repository meets these prerequisites.
Enable TurboSnap
Using the Chromatic CLI
Add --only-changed to the Chromatic CLI command you already use to publish your Storybook build. For example, if your existing command is npx chromatic --project-token=<your-project-token>, enable the option with:
npx chromatic --project-token=<your-project-token> --only-changed
Replace the token placeholder with your project token; keep any other options required by your project.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Using configuration or GitHub Actions
Set onlyChanged: true in the applicable Chromatic configuration or GitHub Action, following the syntax in Chromatic’s current setup guide. If your workflow runs in GitHub Actions, ensure its trigger follows the guide’s push recommendation. Avoid enabling TurboSnap before you understand the default Chromatic build behavior: the optimization adds configuration complexity and can make missed UI changes harder to diagnose.
Confirm that selective testing is active
Inspect the Chromatic CLI output and project build status after enabling the option. Look for the number of changed files traversed, affected story files, and stories tested or snapshots captured. Those counts help distinguish a working selective build from a build that retests everything. Compare wall-clock duration and billed snapshot usage across your own builds rather than assuming either will improve by a fixed amount.
Make dependency tracking reliable
TurboSnap can only make a useful selection when the change history and dependencies relevant to stories are represented correctly. Check the following when it tests more stories than expected or when a change seems not to be reflected:
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
- Lockfile: Keep the lockfile in the repository and synchronized with
package.json. Chromatic says it may need to retest all stories if the lockfile is missing or out of sync. - Files beyond the bundler graph: Review static assets and files such as Sass or templates that affect stories but may sit outside the Webpack dependency tree. Ensure relevant changes are accounted for in your configuration.
- Prebuilt Storybook: For prebuilt Storybook builds, the setup guide describes generating a stats JSON file. Use the current guide’s procedure for that build mode.
- Monorepos: Confirm Chromatic resolves the correct Storybook project path; an incorrect path can undermine the build’s change analysis.
- Shared dependencies and dynamic imports: Review TurboSnap helper analysis for dynamic imports and shared preview dependencies. A small change to widely used code can legitimately affect many stories.
Why TurboSnap may test all stories or files outside a pull request
All stories are being tested
First check the CLI output to see whether Chromatic traversed the expected changed files and found affected story files. Then verify the lockfile, dependency tracking for assets and other external files, project path, and setup prerequisites. Broad retesting is also a possible safety outcome when Chromatic cannot establish that a narrower set is reliable; do not treat it as proof that the feature is broken.
The analyzed changes exceed the pull request diff
TurboSnap compares the current commit with an ancestor build in Chromatic’s build history, which may not be the pull request’s current base commit. If that ancestor is older, the analysis can include files that are absent from the current PR diff. Chromatic recommends rebasing onto the latest base branch when closer alignment is needed. Chromatic’s TurboSnap FAQ
Understand snapshot billing separately from runtime
Chromatic’s documented billing mechanics distinguish newly captured, copied, and bypassed snapshots: a captured snapshot costs 1 billed snapshot, a copied snapshot costs 0.2, and a bypassed snapshot costs 0. A bypass requires CLI 17.7.0 or later and specific conditions: no story dependency changed, exactly one ancestor build, an eligible ancestor build state or the same branch, and a build that is not from the local Visual Tests Addon. Check Chromatic’s current documentation for eligibility details before relying on bypass behavior. Chromatic’s TurboSnap documentation
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Chromatic illustrates the calculation with 50 stories, 10 impacted stories, and 40 copied snapshots: 10 captures at 1 billed snapshot each plus 40 copies at 0.2 each equals 18 billed snapshots. This is a billing illustration, not a universal prediction of time saved. Measure CI duration separately in your own workflow.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.What to monitor after rollout
- Whether the reported changed files and affected stories fit the change you made.
- Whether any story-relevant files sit outside the tracked dependency graph.
- Whether the build is comparing against the ancestor you expect.
- Actual CI wall-clock time across comparable builds.
- Billed snapshot usage, distinguishing captures, copies, and eligible bypasses.
If a change to a shared component or asset affects many stories, a large test set may be correct. If output is surprising, fix the underlying history or dependency configuration rather than trying to force a smaller selection without verifying coverage.
Or skip the browser setup
For a direct website capture rather than a Chromatic story-based visual regression workflow, ScreenshotNeo provides a screenshot API and MCP server. It does not replace TurboSnap’s Git-and-story dependency selection, but it can capture a page without setting up your own browser automation. A single GET request can return a PNG, JPEG, WebP, or PDF; the API also accepts parameter names used by other screenshot APIs.
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
cURL example, with the target URL adapted to the page you want to capture:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp
See the ScreenshotNeo API documentation for request options. ScreenshotNeo can accept cookie or consent banners as a visitor and remove more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers report the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for AI agents and MCP clients. The free plan includes 1,000 shots per month without a card; paid plans start at $5 for 3,000 shots.
Sign up for ScreenshotNeo’s free plan to get 1,000 screenshots a month with no card.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problemsQuick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
