Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Check websites against the W3C Web Sustainability Guidelines and look up the guidelines
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
WSG_CHECK_NO_LOCAL, WSG_CHECK_ALLOW_PRIVATEต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"wsg-check": {
"command": "npx",
"args": [
"-y",
"@sustainablewebsites/wsg-check",
"--mcp"
],
"env": {
"WSG_CHECK_NO_LOCAL": "ใส่ค่าของคุณ",
"WSG_CHECK_ALLOW_PRIVATE": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add wsg-check --env WSG_CHECK_NO_LOCAL='ใส่ค่าของคุณ' --env WSG_CHECK_ALLOW_PRIVATE='ใส่ค่าของคุณ' -- npx -y @sustainablewebsites/wsg-check --mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"wsg-check": {
"command": "npx",
"args": [
"-y",
"@sustainablewebsites/wsg-check",
"--mcp"
],
"env": {
"WSG_CHECK_NO_LOCAL": "ใส่ค่าของคุณ",
"WSG_CHECK_ALLOW_PRIVATE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"wsg-check": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@sustainablewebsites/wsg-check",
"--mcp"
],
"env": {
"WSG_CHECK_NO_LOCAL": "ใส่ค่าของคุณ",
"WSG_CHECK_ALLOW_PRIVATE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
WSG_CHECK_NO_LOCAL envWSG_CHECK_ALLOW_PRIVATE envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub ivanoats ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.6.2) เข้า registry 24 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, Foliosio
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Read your support inbox, tag conversations and save draft replies from your AI agent. Never sends.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Check a website against automated heuristics based on the W3C Web Sustainability Guidelines. Get a weighted score, recommendations, and reports in terminal, JSON, Markdown, or HTML format through a CLI or a Next.js web app.
The latest release is v0.7.0.
Source on main targets WSG September-2026, the 24 September 2026 Group Note Draft; v0.6.1 and earlier target July-2026. It includes an MCP server for AI assistants, with the check_url, list_guidelines, and get_guideline tools, listed in the MCP Registry as io.github.ivanoats/wsg-check. The server first shipped in v0.4.0; v0.3.0 was tagged on GitHub but not published to npm. See the changelog and spec versioning policy.
Scores from different spec versions should not be treated as directly comparable. The package version and check selection also matter when comparing reports.
Requires Node.js 22 or later. Pin the released CLI for reproducible usage:
npx @sustainablewebsites/wsg-check@0.7.0 https://example.com # x-release-please-version
npm install -g @sustainablewebsites/wsg-check@0.7.0 # x-release-please-version wsg-check https://example.com --format json --output report.json
To run the current source, including unreleased features, use Node.js 22.22.1 or later (required by development tooling):
git clone https://github.com/ivanoats/wsg-check.git
cd wsg-check npm ci # prepare also generates Panda CSS tokens npm run dev # http://localhost:3000
npm run build:cli node dist/cli/index.js https://example.com
See CONTRIBUTING.md for environment configuration and development commands.
false.WSG-Check ships with a command-line tool that lets you check any website directly from your terminal or integrate checks into CI pipelines.
# Check a website with default (terminal) output
npx @sustainablewebsites/wsg-check https://example.com
npx @sustainablewebsites/wsg-check https://example.com --format json
npx @sustainablewebsites/wsg-check https://example.com --format markdown --output report.md
npx @sustainablewebsites/wsg-check https://example.com --fail-threshold 70
| Option | Alias | Description | Default |
|---|---|---|---|
--format | -f | Output format: terminal, json, markdown, html | terminal |
--output | -o | Write report to a file instead of stdout | _(stdout)_ |
--categories | -c | Comma-separated categories: ux,web-dev,hosting (business planned — no automated checks yet) | all |
--guidelines | -g | Comma-separated guideline slugs to run, e.g. minify-and-remove-unused-code (numeric IDs such as 3.3 are deprecated) | all |
--fail-threshold | Exit code 1 if overall score < _n_ (0–100) | 0 | |
--verbose | -v | Enable verbose logging | false |
--ignore-robots | Skip robots.txt for a site you operate; adds (ignore-robots) to the User-Agent | false | |
--config | Path to wsg-check.config.json or .wsgcheckrc.json | _(auto-discover)_ | |
--header | -H | Send a request header (Name: value, repeatable) to the start URL's host only; never to robots.txt or other hosts | _(none)_ |
--version | Print version and exit | ||
--help | Print help and exit |
--header values land in shell history and CI logs, and a malformed one is echoed in the error. For a secret, set "headers": {"Cookie": "..."} in a wsg-check.config.json kept out of version control. Header names in the config file are checked when it loads, and an error names the bad header without printing its value. --header replaces the config file's headers entirely. Headers are not sent over plain http after an https hop. To change the user agent, use WSG_USER_AGENT or the config's userAgent. The web API and MCP server do not accept request headers.
Use --fail-threshold to fail your pipeline when a site's sustainability score drops:
# .github/workflows/sustainability.yml
| Code | Meaning |
|---|---|
0 | Check completed and score is at or above --fail-threshold |
1 | Fetch/parse error, or score is below --fail-threshold |
The package includes wsg-check-mcp, a Model Context Protocol server for Claude Code, Claude Desktop, VS Code, Cursor, and other MCP clients. It runs on your machine over stdio, with no account, port, or hosted service. Your assistant can then check a deployed site or your local dev server, look up guidelines, and fix what it finds.
# Claude Code
claude mcp add wsg-check -- npx -y -p @sustainablewebsites/wsg-check wsg-check-mcp
Claude Desktop (claude_desktop_config.json) and Cursor (.cursor/mcp.json):
{
"mcpServers": { "wsg-check": { "command": "npx", "args": ["-y", "-p", "@sustainablewebsites/wsg-check", "wsg-check-mcp"] } } }
npx -y @sustainablewebsites/wsg-check --mcp starts the same server; it's the command the MCP Registry listing, io.github.ivanoats/wsg-check, uses.
VS Code (.vscode/mcp.json) uses a servers key:
{
"servers": { "wsg-check": { "type": "stdio", "command": "npx", "args": ["-y", "-p", "@sustainablewebsites/wsg-check", "wsg-check-mcp"] } } }
Try prompts such as "Check http://localhost:3000 against the WSG and fix the top three issues" or "Which WSG guidelines cover web fonts?"
| Tool | What it does |
|---|---|
check_url | Checks a page and returns the score, grade, and each failed or warned check with a recommended fix. detail: "full" adds the complete report. |
list_guidelines | Lists the WSG guidelines, filtered by category, testability, or text, with how many automated checks implement each one. |
get_guideline | Returns one guideline's description and W3C specification link. |
http://localhost:3000 and other loopback addresses work without setup. The trade-off: text the assistant reads, such as a web page or a file in your project, could try to steer it into requesting a service on your machine. Requests are GET-only and the results go back to the assistant. If you don't check a local dev server, add --no-local after wsg-check-mcp in the arguments, or set WSG_CHECK_NO_LOCAL=1.--allow-private-network or set WSG_CHECK_ALLOW_PRIVATE=1.check_url makes is a green-hosting lookup: it sends the hostname to the Green Web Foundation. Local hostnames are never sent.The repository also ships an Agent Skill, wsg-sustainability-review. It walks an assistant through checking a site, fixing the issues in your codebase in priority order, and checking again. It uses the MCP tools when they are configured and falls back to the CLI otherwise. Install it into Claude Code, Cursor, Copilot, and other agents with:
npx skills add ivanoats/wsg-check
The web app exposes Next.js Route Handlers:
| Endpoint | Purpose |
|---|---|
POST /api/check | Run a check and return the completed report and ID |
GET /api/check/:id | Retrieve a report from the process-local result store |
GET /api/guidelines | List guidelines; current source includes pinned spec provenance in spec |
GET /api/guidelines/:id | Look up a guideline; current source accepts slugs and legacy numeric aliases |
| GET /api/health | Health st
ตัดมาแค่ช่วงต้น อ่านต่อใน repo