Suede AI Component Lab Skills

Make a real component easy to inspect under representative states, difficult inputs, and purposeful alternatives. Keep its production identity and isolate its effects. The useful result is evidence about successful task completion, accessibility, and consistency with the existing design system.

Compatibility

Requires access to the component source or supplied static artifact. Building a workbench needs authorized local file access and the project's existing runtime. Rendering needs an installed browser or the environment's preview tool. No plugin, new package, network service, or bundled executable is required. Use an existing Storybook, test route, or component preview when it provides the needed isolation. If rendering is unavailable, deliver the source-backed state inventory and reproduction steps with rendered behavior explicitly unverified.

Pick the scope