·web-design-reviewer
#

web-design-reviewer

7spade/black-tortoise

Black-Tortoise UI 審查和修復側重於 Angular 20 + 獨立組件、Material Design 3 令牌、@ngrx/signals 狀態和 DDD 層邊界。在審查此存儲庫中的 UI、佈局或設計時使用;檢查響應能力、a11y、間距和 M3 令牌使用情況;在演示文稿樣式/模板中應用最少的修復。

5安裝·0熱度·@7spade

安裝

$npx skills add https://github.com/7spade/black-tortoise --skill web-design-reviewer

SKILL.md

This skill focuses on the Black-Tortoise Angular 20 + Material Design 3 UI stack, identifying and fixing presentation-layer issues at the source code level.

Please provide the URL of the website to review (e.g., http://localhost:3000)

| Framework | Confirm Angular 20 standalone components? | | Styling Method | SCSS with Material Design 3 tokens? | | Source Location | Which presentation components or styles? | | Review Scope | Specific pages only or entire UI? |

Black-Tortoise UI 審查和修復側重於 Angular 20 + 獨立組件、Material Design 3 令牌、@ngrx/signals 狀態和 DDD 層邊界。在審查此存儲庫中的 UI、佈局或設計時使用;檢查響應能力、a11y、間距和 M3 令牌使用情況;在演示文稿樣式/模板中應用最少的修復。 來源:7spade/black-tortoise。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/7spade/black-tortoise --skill web-design-reviewer
分類
#文件處理
認證
收錄時間
2026-02-03
更新時間
2026-02-18

快速解答

什麼是 web-design-reviewer?

Black-Tortoise UI 審查和修復側重於 Angular 20 + 獨立組件、Material Design 3 令牌、@ngrx/signals 狀態和 DDD 層邊界。在審查此存儲庫中的 UI、佈局或設計時使用;檢查響應能力、a11y、間距和 M3 令牌使用情況;在演示文稿樣式/模板中應用最少的修復。 來源:7spade/black-tortoise。

如何安裝 web-design-reviewer?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/7spade/black-tortoise --skill web-design-reviewer 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/7spade/black-tortoise