Merge pull request #14 from pheralb/next

pheralb · web-flow · commit 058c1aa4f52f · 2026-02-27T16:43:03.000Z
Update docs + Improve Prerequisites
diff --git a/.agents/react-doctor/AGENTS.md b/.agents/react-doctor/AGENTS.md
@@ -0,0 +1,15 @@
+# React Doctor
+
+Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
+
+Scans your React codebase for security, performance, correctness, and architecture issues. Outputs a 0-100 score with actionable diagnostics.
+
+## Usage
+
+```bash
+npx -y react-doctor@latest . --verbose --diff
+```
+
+## Workflow
+
+Run after making changes to catch issues early. Fix errors first, then re-run to verify the score improved.
diff --git a/.agents/react-doctor/SKILL.md b/.agents/react-doctor/SKILL.md
@@ -0,0 +1,19 @@
+---
+name: react-doctor
+description: Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
+version: 1.0.0
+---
+
+# React Doctor
+
+Scans your React codebase for security, performance, correctness, and architecture issues. Outputs a 0-100 score with actionable diagnostics.
+
+## Usage
+
+```bash
+npx -y react-doctor@latest . --verbose --diff
+```
+
+## Workflow
+
+Run after making changes to catch issues early. Fix errors first, then re-run to verify the score improved.
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -39,14 +39,14 @@
     "@content-collections/core": "0.14.1",
     "@content-collections/mdx": "0.2.2",
     "@content-collections/next": "0.2.11",
-    "@shikijs/langs": "3.23.0",
-    "@shikijs/rehype": "3.23.0",
-    "@shikijs/themes": "3.23.0",
-    "@shikijs/transformers": "3.23.0",
+    "@shikijs/langs": "4.0.0",
+    "@shikijs/rehype": "4.0.0",
+    "@shikijs/themes": "4.0.0",
+    "@shikijs/transformers": "4.0.0",
     "@tailwindcss/postcss": "4.2.1",
     "@tailwindcss/typography": "0.5.19",
     "@types/mdx": "2.0.13",
-    "@types/node": "22.19.11",
+    "@types/node": "22.19.13",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "chalk": "5.6.2",
@@ -56,7 +56,7 @@
     "rehype-autolink-headings": "7.1.0",
     "rehype-slug": "6.0.0",
     "remark-gfm": "4.0.1",
-    "shiki": "3.23.0",
+    "shiki": "4.0.0",
     "sugar-high": "0.9.5",
     "tailwindcss": "4.2.1",
     "tsx": "4.21.0",
diff --git a/apps/website/src/docs/getting-started/prerequisites.mdx b/apps/website/src/docs/getting-started/prerequisites.mdx
@@ -4,7 +4,11 @@ description: Libraries required to create custom Code Block component.
 category: [Getting-Started]
 ---
 
-> [**Code-Blocks**](https://code-blocks.pheralb.dev) separates components and utilities. You can use them independently.
+To create your own custom Code Block component, make sure you have the following prerequisites:
+
+- [Node.js v20](https://nodejs.org/en/download/current) or higher.
+- [Typescript v5](https://www.typescriptlang.org/) or higher.
+- If you plan to use the [shadcn/ui CLI](https://ui.shadcn.com/docs/cli), make sure you configure the [`components.json`](https://ui.shadcn.com/docs/components-json) file first.
 
 ## Styling
 
@@ -16,8 +20,6 @@ For some colors, we use [**neutral** theme](https://tailwindcss.com/docs/colors)
 
 ## Components
 
-> If you're using [shadcn/ui](https://ui.shadcn.com), you can skip this section as the required dependencies are already included.
-
 1. Create a new React app:
 
 <CreateReactApp />
@@ -60,11 +62,7 @@ You'll need to install [@base-ui/react](https://base-ui.com/) to use the Blocks
 
 1. Install the package:
 
-<CodeBlockSelectPkg
-  type="install"
-  title="Base UI"
-  command="@base-ui/react"
-/>
+<CodeBlockSelectPkg type="install" title="Base UI" command="@base-ui/react" />
 
 2. Add `root` class to global `<body>` tag:
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
