MigoXLab · qiuhanWEI · Feb 4, 2026 · Feb 4, 2026 · Feb 4, 2026
diff --git a/README.md b/README.md
@@ -54,7 +54,8 @@ https://github.com/user-attachments/assets/bd0c3f18-e98a-4050-bf22-46b198fadac2
 
 CodeRio can be seamlessly integrated into Cursor as a Skill. Simply input a prompt like **"Create a React project and restore this design with high fidelity,"** along with your output directory, Figma URL([Design Link](https://www.figma.com/design/c0UBII8lURfxZIY8W6tSDR/Top-16-Websites-of-2024---Awwwards--Community-?node-id=30-8264&t=FB3Hohq2nsH7ZFts-4)), and Token. The Agent will guide you step-by-step through the page generation process. For Landing Pages, it achieves **high-fidelity restoration**, accurately reproducing images and styles. It also automatically encapsulates reusable components (such as cards) and strictly adheres to **frontend development best practices**.
 
-https://github.com/user-attachments/assets/a66dc680-f68d-4121-b416-aa6b778bd895
+
+https://github.com/user-attachments/assets/43817e97-ffd2-40e3-9d33-78ee55b2ec2d
 
 ## 🚀 Quick Start
 
@@ -235,24 +236,9 @@ Beyond visual fidelity, the generated code is built for long-term maintenance:
 - [ ] Vue.js and Svelte support
 - [ ] Custom design system integration
 
-## 🤝 Contributing
-
-we welcome contributions!
-
-```bash
-git clone https://github.com/MigoXLab/coderio.git
-cd coderio
-pnpm install
-pnpm build
-```
-
-### Contributors
-
-Thanks to all our contributors! 🎉
+### 🤝 Contributors
 
-<a href="https://github.com/MigoXLab/coderio/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=MigoXLab/coderio" />
-</a>
+Welcome to contribute. Thanks to all our contributors! 🎉
 
 ## 📄 License
 

diff --git a/README_zh-CN.md b/README_zh-CN.md
@@ -53,7 +53,8 @@ https://github.com/user-attachments/assets/bd0c3f18-e98a-4050-bf22-46b198fadac2
 
 CodeRio 支持作为 Skill 集成到 Cursor 中使用。您只需在对话框中输入 **“请帮我创建一个 React 工程，高保真还原设计稿”**，并提供输出目录、设计稿链接([设计稿链接](https://www.figma.com/design/c0UBII8lURfxZIY8W6tSDR/Top-16-Websites-of-2024---Awwwards--Community-?node-id=30-8264&t=FB3Hohq2nsH7ZFts-4))及 Figma Token，Agent 即可引导您逐步完成网页生成。对于落地页（Landing Page）类页面，CodeRio 能达到 **高保真还原** 标准，精确还原图片与样式，并自动对卡片等组件进行 **复用封装**，生成的代码完全符合 **前端开发规范**。
 
-https://github.com/user-attachments/assets/a66dc680-f68d-4121-b416-aa6b778bd895
+
+https://github.com/user-attachments/assets/43817e97-ffd2-40e3-9d33-78ee55b2ec2d
 
 ## 🚀 快速开始
 
@@ -237,10 +238,6 @@ interface Protocol {
 
 我们欢迎贡献！感谢所有贡献者！🎉
 
-<a href="https://github.com/MigoXLab/coderio/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=MigoXLab/coderio" />
-</a>
-
 ## 📄 许可证
 
 Apache-2.0 © CodeRio 贡献者
diff --git a/examples/case1/process/figma.json → examples/cli-demo/process/figma.json b/examples/case1/process/figma.json → examples/cli-demo/process/figma.json
diff --git a/examples/case1/process/images.json → examples/cli-demo/process/images.json b/examples/case1/process/images.json → examples/cli-demo/process/images.json
diff --git a/examples/case1/process/protocol.json → examples/cli-demo/process/protocol.json b/examples/case1/process/protocol.json → examples/cli-demo/process/protocol.json
diff --git a/...idation/comparison_screenshots/final.webp → ...idation/comparison_screenshots/final.webp b/...idation/comparison_screenshots/final.webp → ...idation/comparison_screenshots/final.webp
diff --git a/...ation/comparison_screenshots/heatmap.webp → ...ation/comparison_screenshots/heatmap.webp b/...ation/comparison_screenshots/heatmap.webp → ...ation/comparison_screenshots/heatmap.webp
diff --git a/...n/comparison_screenshots/iteration_1.webp → ...n/comparison_screenshots/iteration_1.webp b/...n/comparison_screenshots/iteration_1.webp → ...n/comparison_screenshots/iteration_1.webp
diff --git a/...creenshots/iteration_1_render_marked.webp → ...creenshots/iteration_1_render_marked.webp b/...creenshots/iteration_1_render_marked.webp → ...creenshots/iteration_1_render_marked.webp
diff --git a/...creenshots/iteration_1_target_marked.webp → ...creenshots/iteration_1_target_marked.webp b/...creenshots/iteration_1_target_marked.webp → ...creenshots/iteration_1_target_marked.webp
diff --git a/...s/case1/process/validation/processed.json → ...li-demo/process/validation/processed.json b/...s/case1/process/validation/processed.json → ...li-demo/process/validation/processed.json
diff --git a/examples/case1/report.html → examples/cli-demo/report.html b/examples/case1/report.html → examples/cli-demo/report.html
diff --git a/examples/skill-demo/.gitignore b/examples/skill-demo/.gitignore
@@ -0,0 +1,10 @@
+node_modules/
+dist/
+build/
+.env
+.DS_Store
+*.log
+.vscode/
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
diff --git a/examples/skill-demo/index.html b/examples/skill-demo/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>coderio-demo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/skill-demo/package.json b/examples/skill-demo/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "coderio-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "pnpm exec vite",
+    "build": "pnpm exec tsc && pnpm exec vite build",
+    "preview": "pnpm exec vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@tailwindcss/vite": "^4.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "less": "^4.2.0",
+    "@types/node": "^20.12.7"
+  }
+}