Crawler Summary

網站開發技能系統 (Webdev Skills) answer-first brief

完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 --- name: 網站開發技能系統 (Webdev Skills) description: 完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 aliases: - webdev - web-development - frontend - backend - 網站開發 - 網頁設計 keywords: - React - Vue - Next.js - Tailwind - Laravel - Node.js - UI/UX - Design System --- 🌐 網站開發技能系統 適用於任何 AI 工具的完整網站開發指南 --- 🚀 核心指令 **啟動指令:** **AI 行為:** 收到此指令後,將自動啟動下方的 **$1**。 ➡️ $1 --- ⚠️ 核心設計原則 **所有設計必須遵守 $1 Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

Freshness

Last checked 2/24/2026

Best For

Contract is available with explicit auth and schema references.

Not Ideal For

網站開發技能系統 (Webdev Skills) is not ideal for teams that need stronger public trust telemetry, lower setup complexity, or more explicit contract coverage before production rollout.

Evidence Sources Checked

editorial-content, capability-contract, runtime-metrics, public facts pack

Claim this agent
Agent DossierGitHubSafety: 100/100

網站開發技能系統 (Webdev Skills)

完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 --- name: 網站開發技能系統 (Webdev Skills) description: 完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 aliases: - webdev - web-development - frontend - backend - 網站開發 - 網頁設計 keywords: - React - Vue - Next.js - Tailwind - Laravel - Node.js - UI/UX - Design System --- 🌐 網站開發技能系統 適用於任何 AI 工具的完整網站開發指南 --- 🚀 核心指令 **啟動指令:** **AI 行為:** 收到此指令後,將自動啟動下方的 **$1**。 ➡️ $1 --- ⚠️ 核心設計原則 **所有設計必須遵守 $1

OpenClawself-declared

Public facts

6

Change events

1

Artifacts

0

Freshness

Feb 24, 2026

Verifiededitorial-contentNo verified compatibility signals

Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

Schema refs publishedTrust evidence available

Trust score

Unknown

Compatibility

OpenClaw

Freshness

Feb 24, 2026

Vendor

Bryantchi

Artifacts

0

Benchmarks

0

Last release

Unpublished

Executive Summary

Key links, install path, and a quick operational read before the deeper crawl record.

Verifiededitorial-content

Summary

Published capability contract available. No trust telemetry is available yet. Last updated 2/24/2026.

Setup snapshot

git clone https://github.com/BryantChi/webdev-skills.git
  1. 1

    Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.

  2. 2

    Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Evidence Ledger

Everything public we have scraped or crawled about this agent, grouped by evidence type with provenance.

Verifiededitorial-content
Vendor (1)

Vendor

Bryantchi

profilemedium
Observed Feb 24, 2026Source linkProvenance
Compatibility (2)

Protocol compatibility

OpenClaw

contractmedium
Observed Feb 24, 2026Source linkProvenance

Auth modes

api_key

contracthigh
Observed Feb 24, 2026Source linkProvenance
Artifact (1)

Machine-readable schemas

OpenAPI or schema references published

contracthigh
Observed Feb 24, 2026Source linkProvenance
Security (1)

Handshake status

UNKNOWN

trustmedium
Observed unknownSource linkProvenance
Integration (1)

Crawlable docs

6 indexed pages on the official domain

search_documentmedium
Observed Apr 15, 2026Source linkProvenance

Release & Crawl Timeline

Merged public release, docs, artifact, benchmark, pricing, and trust refresh events.

Self-declaredagent-index

Artifacts Archive

Extracted files, examples, snippets, parameters, dependencies, permissions, and artifact metadata.

Self-declaredGITHUB OPENCLEW

Extracted files

0

Examples

0

Snippets

0

Languages

typescript

Parameters

Docs & README

Full documentation captured from public sources, including the complete README when available.

Self-declaredGITHUB OPENCLEW

Docs source

GITHUB OPENCLEW

Editorial quality

ready

完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 --- name: 網站開發技能系統 (Webdev Skills) description: 完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 aliases: - webdev - web-development - frontend - backend - 網站開發 - 網頁設計 keywords: - React - Vue - Next.js - Tailwind - Laravel - Node.js - UI/UX - Design System --- 🌐 網站開發技能系統 適用於任何 AI 工具的完整網站開發指南 --- 🚀 核心指令 **啟動指令:** **AI 行為:** 收到此指令後,將自動啟動下方的 **$1**。 ➡️ $1 --- ⚠️ 核心設計原則 **所有設計必須遵守 $1

Full README

name: 網站開發技能系統 (Webdev Skills) description: 完整的網站開發指南 (Full-stack Web Development Skills),涵蓋 UI/UX、前後端框架、Coding Style,支援互動式選擇精靈。 aliases:

  • webdev
  • web-development
  • frontend
  • backend
  • 網站開發
  • 網頁設計 keywords:
  • React
  • Vue
  • Next.js
  • Tailwind
  • Laravel
  • Node.js
  • UI/UX
  • Design System

🌐 網站開發技能系統

適用於任何 AI 工具的完整網站開發指南


🚀 核心指令

啟動指令:

幫我建立一個網站

AI 行為: 收到此指令後,將自動啟動下方的 標準作業程序 (SOP)

➡️ 詳細工作流程參考


⚠️ 核心設計原則

所有設計必須遵守 去 AI 感設計指南

  • ❌ 不要過於完美對稱的佈局
  • ❌ 不要庫存照片(握手、微笑商務人士)
  • ❌ 不要空洞的商業文案
  • ❌ 不要千篇一律的模板感
  • ✅ 要有個性、有溫度、有故事感
  • ✅ 要適度的不對稱和變化
  • ✅ 要真實的內容和照片

🔄 標準作業程序 (SOP)

互動協議 (Protocol): 當用戶指令包含 「建立網站」「Build Website」 或類似意圖時,必須 嚴格遵守以下執行順序,不得跳過。

Phase 1: 智慧推理 (Reasoning)

🛑 Constraint: 在寫任何 Code 之前,必須先完成此步驟。

  1. 分析意圖:判斷專案類型 (SaaS/E-commerce/Portfolio/etc.)。
  2. 執行推理:讀取並應用 logic/reasoning.md 的規則。
  3. 輸出決策:展示 Design Reasoning Block (ASCII 表格),確認風格、配色與反模式。

Phase 2: 設計系統生成 (Design System)

🛑 Constraint: 必須建立單一真理來源 (Source of Truth)。

  1. 讀取邏輯:參照 logic/design-system-gen.md
  2. 生成檔案:建立 styles/design-system/MASTER.md
  3. 定義變數:確保色彩、字體、間距 tokens 已明確定義。

Phase 3: 專案初始化 (Initialization)

  1. 技術決策:根據 Phase 1 推理結果,選擇最佳技術棧 (若用戶無指定)。
    • SEO 優先 → Next.js
    • 快速開發 → Vue/Vite
    • 全端應用 → Laravel/Node
  2. 建立專案:執行初始化指令 (e.g., npx create-next-app).
  3. 配置環境:設定 Tailwind (tailwind.config.js) 連結至 MASTER.md 的變數。

Phase 4: 開發執行 (Execution)

  1. 元件開發:優先製作基礎元件 (Button, Card, Input)。
  2. 頁面組裝:運用 tpl/page/SKILL.md 的結構進行開發。
  3. 去 AI 感檢查:隨時與 ui/no-ai-feel.md 對照,確保設計「有人味」。

🔧 手動/進階選項 (Manual Mode)

如果你希望能逐一步驟微調,或需要更細粒度的控制,可以使用互動精靈:

互動選擇精靈 ✨

| 精靈 | 說明 | 指令 | |-----|------|-----| | 🔧 技術棧精靈 | 選擇前後端框架 | 幫我選擇技術棧 | | 🎨 風格精靈 | 選擇設計風格 | 幫我選擇設計風格 | | 📝 Coding Style 精靈 | 選擇程式碼規範 | 幫我選擇 coding style |

直接指定

告訴我你的需求,例如:

  • 用 React + Tailwind 建立一個電商網站
  • 用 Laravel 建立 REST API

📚 技能索引

核心邏輯 (New!)

| 類別 | 內容 | |-----|------| | 推理引擎 | 設計決策、反模式過濾 | | 設計系統生成 | Master/Page 覆寫機制 |

設計相關

| 類別 | 內容 | |-----|------| | UI 設計 | 色彩、排版、間距、55+ 設計風格 | | 響應式設計 | 斷點、行動優先、多裝置適配 |

前端開發

| 類別 | 內容 | |-----|------| | 前端框架 | React、Vue、Next.js、Nuxt.js、Vanilla | | CSS 架構 | Tailwind、Bootstrap、SCSS、Vanilla |

後端開發

| 類別 | 內容 | |-----|------| | 後端框架 | Laravel、Node.js、Django、FastAPI | | API 設計 | REST、GraphQL、版本控制 | | 資料庫 | Schema 設計、ORM、遷移 | | 安全性 | 驗證、授權、安全檢查清單 |

工作流程

| 類別 | 內容 | |-----|------| | 開發流程 | Git、測試、部署、效能優化 | | 檢查清單 | 上線前、SEO、安全審計 | | Coding Style | JS、TS、PHP、Python、CSS 規範 |

模板

| 類別 | 內容 | |-----|------| | 元件模板 | 按鈕、表單、卡片、導航、Modal | | 頁面模板 | Landing、Dashboard、認證頁 |


📋 需求規格書

開始新專案前,建議先建立需求規格書:

➡️ 需求規格書模板


🤖 AI 工具使用指南

不同的 AI 編程助手載入方式不同:

| AI 工具 | 載入方式 | |--------|----------| | Cursor | @.agent/skills/webdev/SKILL.md | | Windsurf | @.agent/skills/webdev/SKILL.md | | Copilot | #file:.agent/skills/webdev/SKILL.md | | Claude | Projects 上傳或貼上內容 | | ChatGPT | 建立 GPT 或貼上內容 |

➡️ 完整 AI 工具使用指南


版本資訊

  • 版本:1.2.0
  • 更新日期:2026-01-29
  • 語言:繁體中文
  • 總檔案數:102
  • 設計風格:55 種

Contract & API

Machine endpoints, protocol fit, contract coverage, invocation examples, and guardrails for agent-to-agent use.

Verifiedcapability-contract

Contract coverage

Status

ready

Auth

api_key

Streaming

No

Data region

global

Protocol support

OpenClaw: self-declared

Requires: openclew, lang:typescript

Forbidden: none

Guardrails

Operational confidence: medium

Contract is available with explicit auth and schema references.
Trust confidence is not low and verification freshness is acceptable.
Invocation examples
curl -s "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/snapshot"
curl -s "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract"
curl -s "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/trust"

Reliability & Benchmarks

Trust and runtime signals, benchmark suites, failure patterns, and practical risk constraints.

Missingruntime-metrics

Trust signals

Handshake

UNKNOWN

Confidence

unknown

Attempts 30d

unknown

Fallback rate

unknown

Runtime metrics

Observed P50

unknown

Observed P95

unknown

Rate limit

unknown

Estimated cost

unknown

No benchmark suites or observed failure patterns are available.

Media & Demo

Every public screenshot, visual asset, demo link, and owner-provided destination tied to this agent.

Missingno-media
No screenshots, media assets, or demo links are available.

Related Agents

Neighboring agents from the same protocol and source ecosystem for comparison and shortlist building.

Self-declaredprotocol-neighbors
GITHUB_REPOSactivepieces

Rank

70

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

Traction

No public download signal

Freshness

Updated 2d ago

OPENCLAW
GITHUB_REPOScherry-studio

Rank

70

AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs

Traction

No public download signal

Freshness

Updated 5d ago

MCPOPENCLAW
GITHUB_REPOSAionUi

Rank

70

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

Traction

No public download signal

Freshness

Updated 6d ago

MCPOPENCLAW
GITHUB_REPOSCopilotKit

Rank

70

The Frontend for Agents & Generative UI. React + Angular

Traction

No public download signal

Freshness

Updated 23d ago

OPENCLAW
Machine Appendix

Contract JSON

{
  "contractStatus": "ready",
  "authModes": [
    "api_key"
  ],
  "requires": [
    "openclew",
    "lang:typescript"
  ],
  "forbidden": [],
  "supportsMcp": false,
  "supportsA2a": false,
  "supportsStreaming": false,
  "inputSchemaRef": "https://github.com/BryantChi/webdev-skills#input",
  "outputSchemaRef": "https://github.com/BryantChi/webdev-skills#output",
  "dataRegion": "global",
  "contractUpdatedAt": "2026-02-24T19:43:48.212Z",
  "sourceUpdatedAt": "2026-02-24T19:43:48.212Z",
  "freshnessSeconds": 4428185
}

Invocation Guide

{
  "preferredApi": {
    "snapshotUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/snapshot",
    "contractUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "trustUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/trust"
  },
  "curlExamples": [
    "curl -s \"https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/snapshot\"",
    "curl -s \"https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract\"",
    "curl -s \"https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/trust\""
  ],
  "jsonRequestTemplate": {
    "query": "summarize this repo",
    "constraints": {
      "maxLatencyMs": 2000,
      "protocolPreference": [
        "OPENCLEW"
      ]
    }
  },
  "jsonResponseTemplate": {
    "ok": true,
    "result": {
      "summary": "...",
      "confidence": 0.9
    },
    "meta": {
      "source": "GITHUB_OPENCLEW",
      "generatedAt": "2026-04-17T01:46:53.795Z"
    }
  },
  "retryPolicy": {
    "maxAttempts": 3,
    "backoffMs": [
      500,
      1500,
      3500
    ],
    "retryableConditions": [
      "HTTP_429",
      "HTTP_503",
      "NETWORK_TIMEOUT"
    ]
  }
}

Trust JSON

{
  "status": "unavailable",
  "handshakeStatus": "UNKNOWN",
  "verificationFreshnessHours": null,
  "reputationScore": null,
  "p95LatencyMs": null,
  "successRate30d": null,
  "fallbackRate": null,
  "attempts30d": null,
  "trustUpdatedAt": null,
  "trustConfidence": "unknown",
  "sourceUpdatedAt": null,
  "freshnessSeconds": null
}

Capability Matrix

{
  "rows": [
    {
      "key": "OPENCLEW",
      "type": "protocol",
      "support": "unknown",
      "confidenceSource": "profile",
      "notes": "Listed on profile"
    }
  ],
  "flattenedTokens": "protocol:OPENCLEW|unknown|profile"
}

Facts JSON

[
  {
    "factKey": "docs_crawl",
    "category": "integration",
    "label": "Crawlable docs",
    "value": "6 indexed pages on the official domain",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true
  },
  {
    "factKey": "protocols",
    "category": "compatibility",
    "label": "Protocol compatibility",
    "value": "OpenClaw",
    "href": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "sourceUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "sourceType": "contract",
    "confidence": "medium",
    "observedAt": "2026-02-24T19:43:48.212Z",
    "isPublic": true
  },
  {
    "factKey": "auth_modes",
    "category": "compatibility",
    "label": "Auth modes",
    "value": "api_key",
    "href": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "sourceUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "sourceType": "contract",
    "confidence": "high",
    "observedAt": "2026-02-24T19:43:48.212Z",
    "isPublic": true
  },
  {
    "factKey": "schema_refs",
    "category": "artifact",
    "label": "Machine-readable schemas",
    "value": "OpenAPI or schema references published",
    "href": "https://github.com/BryantChi/webdev-skills#input",
    "sourceUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/contract",
    "sourceType": "contract",
    "confidence": "high",
    "observedAt": "2026-02-24T19:43:48.212Z",
    "isPublic": true
  },
  {
    "factKey": "vendor",
    "category": "vendor",
    "label": "Vendor",
    "value": "Bryantchi",
    "href": "https://github.com/BryantChi/webdev-skills",
    "sourceUrl": "https://github.com/BryantChi/webdev-skills",
    "sourceType": "profile",
    "confidence": "medium",
    "observedAt": "2026-02-24T19:43:14.176Z",
    "isPublic": true
  },
  {
    "factKey": "handshake_status",
    "category": "security",
    "label": "Handshake status",
    "value": "UNKNOWN",
    "href": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/trust",
    "sourceUrl": "https://xpersona.co/api/v1/agents/bryantchi-webdev-skills/trust",
    "sourceType": "trust",
    "confidence": "medium",
    "observedAt": null,
    "isPublic": true
  }
]

Change Events JSON

[
  {
    "eventType": "docs_update",
    "title": "Docs refreshed: Sign in to GitHub · GitHub",
    "description": "Fresh crawlable documentation was indexed for the official domain.",
    "href": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceUrl": "https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar",
    "sourceType": "search_document",
    "confidence": "medium",
    "observedAt": "2026-04-15T05:03:46.393Z",
    "isPublic": true
  }
]

Sponsored

Ads related to 網站開發技能系統 (Webdev Skills) and adjacent AI workflows.