diff --git a/.husky/pre-commit b/.husky/pre-commit
index 83abaf0bde..895cbb7445 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -2,4 +2,4 @@
 . "$(dirname "$0")/_/husky.sh"
 
 # npx lint-staged
-npm run verify
+yarn verify
diff --git a/.storybook/pages/contributing.stories.mdx b/.storybook/pages/contributing.stories.mdx
index cf82f162a8..6f072fdea4 100644
--- a/.storybook/pages/contributing.stories.mdx
+++ b/.storybook/pages/contributing.stories.mdx
@@ -19,8 +19,8 @@ Before making a pull request
 3. Set up your environment with `npm install` (not yarn at this time)
 4. Check out a new branch and add your modification.
 5. Add test cases for all your changes.
-6. Use commitizen to do git commit by running `npm run cz` (be sure to stage your changes first).
-7. This will run `npm run verify` automatically as a pre-commit hook. If anything fails, fix and follow step 6 again.
+6. Use commitizen to do git commit by running `yarn cz` (be sure to stage your changes first).
+7. This will run `yarn verify` automatically as a pre-commit hook. If anything fails, fix and follow step 6 again.
 8. Update README.md and documentation under the `examples` folder in the corresponding package.
 9. **DO NOT BUMP ANY VERSION NUMBERS OR UPDATE CHANGELOG**.
 10. Send a pull request 🙏
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 12daeabfce..2ffbaf619f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -15,8 +15,8 @@ Before making a pull request
 3. Set up your environment with `npm install` (not yarn at this time)
 4. Check out a new branch and add your modification.
 5. Add test cases for all your changes.
-6. Use commitizen to do git commit by running `npm run cz` (be sure to stage your changes first).
-7. This will run `npm run verify` automatically as a pre-commit hook. If anything fails, fix and follow step 6 again.
+6. Use commitizen to do git commit by running `yarn cz` (be sure to stage your changes first).
+7. This will run `yarn verify` automatically as a pre-commit hook. If anything fails, fix and follow step 6 again.
 8. Update README.md and documentation under the `examples` folder in the corresponding package.
 9. **DO NOT BUMP ANY VERSION NUMBERS OR UPDATE CHANGELOG**.
 10. Send a pull request 🙏
diff --git a/packages/appboundary/package.json b/packages/appboundary/package.json
index d7b3c1baa8..8cd7ccd33d 100644
--- a/packages/appboundary/package.json
+++ b/packages/appboundary/package.json
@@ -47,8 +47,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/center/package.json b/packages/center/package.json
index 0d3c958f36..814b374fc8 100644
--- a/packages/center/package.json
+++ b/packages/center/package.json
@@ -47,8 +47,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/columns/package.json b/packages/columns/package.json
index 43a7b33f00..3cfd229843 100644
--- a/packages/columns/package.json
+++ b/packages/columns/package.json
@@ -50,8 +50,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/cover/package.json b/packages/cover/package.json
index 45517c94c4..e55e321230 100644
--- a/packages/cover/package.json
+++ b/packages/cover/package.json
@@ -48,8 +48,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/css-reset/package.json b/packages/css-reset/package.json
index e6daf4c036..0ef3c9f756 100644
--- a/packages/css-reset/package.json
+++ b/packages/css-reset/package.json
@@ -44,8 +44,8 @@
     "build": "microbundle build --jsx React.createElement && node copyReset.js",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/frame/package.json b/packages/frame/package.json
index 245bad9e3a..9628487ddb 100644
--- a/packages/frame/package.json
+++ b/packages/frame/package.json
@@ -47,8 +47,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/grid/package.json b/packages/grid/package.json
index a0663760a8..ad6c82a5a0 100644
--- a/packages/grid/package.json
+++ b/packages/grid/package.json
@@ -46,8 +46,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/inline-cluster/package.json b/packages/inline-cluster/package.json
index cd0b29832a..1c33cab1cf 100644
--- a/packages/inline-cluster/package.json
+++ b/packages/inline-cluster/package.json
@@ -46,8 +46,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/inline/package.json b/packages/inline/package.json
index 3c2b8dd235..1937086a86 100644
--- a/packages/inline/package.json
+++ b/packages/inline/package.json
@@ -48,8 +48,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/masonry-grid/package.json b/packages/masonry-grid/package.json
index a131facaad..cda14e20bb 100644
--- a/packages/masonry-grid/package.json
+++ b/packages/masonry-grid/package.json
@@ -47,8 +47,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/padbox/package.json b/packages/padbox/package.json
index 724fc53640..1bd08418b1 100644
--- a/packages/padbox/package.json
+++ b/packages/padbox/package.json
@@ -46,8 +46,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/reel/package.json b/packages/reel/package.json
index 722ae8fef2..04b8eba151 100644
--- a/packages/reel/package.json
+++ b/packages/reel/package.json
@@ -48,8 +48,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/spacing-constants/package.json b/packages/spacing-constants/package.json
index d800318afe..649ac50de1 100644
--- a/packages/spacing-constants/package.json
+++ b/packages/spacing-constants/package.json
@@ -42,8 +42,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/split/package.json b/packages/split/package.json
index 477ca0dac0..9dcd6374da 100644
--- a/packages/split/package.json
+++ b/packages/split/package.json
@@ -50,8 +50,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/type-utils/package.json b/packages/type-utils/package.json
index d6f914a5d1..91ea9e0388 100644
--- a/packages/type-utils/package.json
+++ b/packages/type-utils/package.json
@@ -39,8 +39,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/use-container-query/package.json b/packages/use-container-query/package.json
index 1d292fb7af..6456f20fc1 100644
--- a/packages/use-container-query/package.json
+++ b/packages/use-container-query/package.json
@@ -40,8 +40,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/use-forwarded-ref/package.json b/packages/use-forwarded-ref/package.json
index 0d73c51214..aa6b6e23c9 100644
--- a/packages/use-forwarded-ref/package.json
+++ b/packages/use-forwarded-ref/package.json
@@ -40,8 +40,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {
diff --git a/packages/use-stateful-ref/package.json b/packages/use-stateful-ref/package.json
index 32a602e495..e09c797094 100644
--- a/packages/use-stateful-ref/package.json
+++ b/packages/use-stateful-ref/package.json
@@ -40,8 +40,8 @@
     "build": "microbundle build --jsx React.createElement",
     "build:watch": "microbundle build --jsx React.createElement --watch",
     "prettier": "prettier --ignore-path .gitignore \"**/*.+(js|jsx|ts|tsx|json)\"",
-    "fix-format": "npm run prettier -- --write",
-    "check-format": "npm run prettier -- --list-different",
+    "fix-format": "yarn prettier -- --write",
+    "check-format": "yarn prettier -- --list-different",
     "check-types": "tsc --noEmit"
   },
   "bugs": {