workleap-chromatic-best-practices
Workleap Chromatic Best Practices
Guide for auditing and updating repositories to follow Workleap's Chromatic best practices.
Audit Workflow
When asked to audit or update a repository for Chromatic best practices, follow these steps in order.
Step 1: Locate Chromatic Configuration
Search for existing Chromatic setup:
chromatic.config.json
.storybook/preview.ts[x]
.github/workflows/*chromatic*.yml or *storybook*.yml
package.json (scripts section)
More from workleap/wl-web-configs
workleap-web-configs
|
31workleap-react-best-practices
React performance optimization guidelines for Single Page Applications (SPA) at Workleap. Use when writing, reviewing, or refactoring React SPA code. Covers async waterfall elimination, bundle size reduction, re-render optimization, rendering efficiency, JS micro-optimizations, and advanced patterns. Activate even for small component changes — performance regressions compound silently. Does not cover SSR, Next.js, or server components.
18workleap-skill-optimizer
|
5workleap-skill-safety-review
>
5pnpm
Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.
1git-commit
Execute git commit with conventional commit message analysis, intelligent staging, and message generation. Use when user asks to commit changes, create a git commit, or mentions "/commit". Supports: (1) Auto-detecting type and scope from changes, (2) Generating conventional commit messages from diff, (3) Interactive commit with optional type/scope/description overrides, (4) Intelligent file staging for logical grouping
1