canva-validate_skill

Overview

This skill runs Canva monorepo validation commands to catch accessibility, test, lint, type, and dependency issues before committing or pushing. It wraps common commands like pnpm fin, taz check, pnpm test, a11y Storybook tests, typechecking, and dependency fixes for a single validation workflow. Use it to enforce repo-wide quality gates and reduce CI failures.

How this skill works

The skill executes validation commands from the monorepo root (~/work/canva). It can run full validation (pnpm fin), targeted checks (types, a11y_storybook), linters/formatters (taz check), unit tests (pnpm test), and dependency/import fixes (pnpm lint:deps:fix). Commands run in the appropriate working directories when required, e.g., pnpm test from ~/work/canva/web.

When to use it

• Before committing or pushing code to catch local issues early
• When a PR fails CI and you want to reproduce and fix failures locally
• When adding or changing TypeScript types or interfaces
• When running accessibility checks for Storybook components
• When dependency or import problems appear after upgrades

Best practices

• Run pnpm fin from the monorepo root to perform the full validation suite
• Use pnpm fin --only types for fast TypeScript-only checks during iterative work
• Run taz check --fix to automatically correct lint and formatting problems
• Run pnpm lint:deps:fix after dependency changes to regenerate tsconfig files
• Execute pnpm test from ~/work/canva/web for granular unit test runs

Example use cases

• A developer runs pnpm fin locally before creating a PR to avoid CI failures
• Quickly verify type fixes with pnpm fin --only types after refactoring
• Fix style and lint issues with taz check --fix during a code cleanup task
• Run a11y Storybook tests before merging a UI component change
• Resolve import or dependency errors after upgrading packages with pnpm lint:deps:fix