Community程式設計與開發github.com

byensitmagnus/sitesmith

一個用於建立不具 AI 生成感的網站的編碼代理技能。根據模式進行路由,強制執行 12 步驟構建循環,並在呈現後測量結果,而非只停留在程式碼階段。

sitesmith 是什麼?

byensitmagnus/sitesmith 是一個專為編碼代理(如 Cursor、Claude Code 等)設計的技能,旨在協助開發者建立外觀自然、不具 AI 生成痕跡的網站。該技能導入了一種獨特的工作流程:根據開發模式(例如原型、設計、部署)進行路由,並強制執行一個嚴格的 12 步驟構建循環。不同於傳統代理在生成程式碼後即停止,此技能會進一步渲染視覺結果並進行測量,確保最終輸出符合預期的美學與功能標準。它支援多種常見的 AI 開發平台,並透過結構化的指南幫助代理避免過度優化或風格不一致的問題。對於希望提升網站品質、減少手動反覆調整的開發者而言,這是一個實用的工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add byensitmagnus/sitesmith

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

sitesmith 是做什麼的?

一個用於建立不具 AI 生成感的網站的編碼代理技能。根據模式進行路由,強制執行 12 步驟構建循環,並在呈現後測量結果,而非只停留在程式碼階段。

概述

此技能專為編碼代理(如 Cursor、Claude Code 等)設計,旨在協助開發者建立外觀自然、不具 AI 生成痕跡的網站。它導入了一種獨特的工作流程:根據開發模式(例如原型、設計、部署)進行路由,並強制執行一個嚴格的 12 步驟構建循環。不同於傳統代理在生成程式碼後即停止,此技能會進一步渲染視覺結果並進行測量,確保最終輸出符合預期的美學與功能標準。

功能

  • 模式路由:根據不同的開發階段(prototype、design、deploy)自動調整行為。
  • 12 步驟構建循環:結構化的流程確保一致且高品質的輸出。
  • 渲染與測量:超越程式碼,實際渲染視覺結果並評估其品質。
  • 支援平台:與多種常見的 AI 開發工具(如 Cursor、Claude Code 等)相容。

使用方法

  1. 將此技能整合至您的開發環境。
  2. 根據目前的開發階段選擇適當的模式。
  3. 遵循 12 步驟構建循環進行開發。
  4. 代理會自動渲染並測量結果,提供回饋以進行迭代。

為何選擇此技能?

許多 AI 生成的網站看起來千篇一律或過度優化。此技能透過強制執行結構化的流程,並在生成過程中包含視覺檢查點,幫助您避免這些陷阱。


更多詳細資訊請參閱原始儲存庫。

相關技能