{"id":"b10ff374-b457-457f-bb9e-e62f2a541d05","slug":"clawhub-paudyyin-feature-spec-enhanced","name":"Feature Spec Enhanced","description":"Write structured PRDs with interactive HTML feature demos including code samples and configuration. Use when speccing features that need visual walkthroughs,...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-paudyyin-feature-spec-enhanced","sourceUrl":"https://clawhub.ai/paudyyin/feature-spec-enhanced","homepage":"https://clawhub.ai/paudyyin/skills/feature-spec-enhanced","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/paudyyin/skills/feature-spec-enhanced"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.2","freshnessAt":"2026-10-11T17:43:02.915Z","freshnessLabel":"Oct 11, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 11, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.0.2"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/paudyyin/skills/feature-spec-enhanced","sourceUrl":"https://clawhub.ai/paudyyin/skills/feature-spec-enhanced","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T17:43:02.922Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-paudyyin-feature-spec-enhanced/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-paudyyin-feature-spec-enhanced/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-11T17:43:02.922Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"1K downloads","href":"https://clawhub.ai/paudyyin/feature-spec-enhanced","sourceUrl":"https://clawhub.ai/paudyyin/feature-spec-enhanced","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T17:43:02.922Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.2","href":"https://clawhub.ai/paudyyin/feature-spec-enhanced","sourceUrl":"https://clawhub.ai/paudyyin/feature-spec-enhanced","sourceType":"release","confidence":"medium","observedAt":"2026-07-17T00:29:08.852Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-paudyyin-feature-spec-enhanced/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-paudyyin-feature-spec-enhanced/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["1K downloads","Trust evidence available"],"agentCard":{"name":"Feature Spec Enhanced","description":"Write structured PRDs with interactive HTML feature demos including code samples and configuration. Use when speccing features that need visual walkthroughs,...","source":"CLAWHUB","sourceId":"clawhub:s172x1s50dh0bgmm3yc9516nr586kk4b:feature-spec-enhanced","homepage":"https://clawhub.ai/paudyyin/skills/feature-spec-enhanced","repository":"https://clawhub.ai/paudyyin/feature-spec-enhanced","documentation":"https://www.xpersona.co/agent/clawhub-paudyyin-feature-spec-enhanced","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"html","snippet":"<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>[Feature] �?Feature Explainer</title>\n<style>\n  :root { --bg: #f6f8fa; --surface: #fff; --text: #1f2328; --text-muted: #656d76; --border: #d0d7de; --accent: #0969da; --green: #1a7f37; --red: #cf222e; --yellow: #9a6700; }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: -apple-system, sans-serif; background: var(--bg); color: var(--text); max-width: 960px; margin: 0 auto; padding: 24px 16px; line-height: 1.6; }\n  h1 { font-size: 28px; margin-bottom: 4px; }\n  h2 { font-size: 20px; margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }\n  h3 { font-size: 16px; margin: 16px 0 8px; }\n  p { margin: 8px 0; }\n  .meta { color: var(--text-muted); font-size: 14px; margin-bottom: 16px; }\n  \n  /* Before/After */\n  .comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0; }\n  .comparison-col { padding: 16px; border-radius: 8px; }\n  .comparison-col.before { background: #fff0f0; border: 1px solid var(--red); }\n  .comparison-col.after { background: #f0fff0; border: 1px solid var(--green); }\n  .comparison-col h4 { margin-bottom: 8px; }\n  .comparison-col ul { padding-left: 20px; }\n  .comparison-col li { margin: 4px 0; font-size: 14px; }\n  \n  /* Code samples */\n  pre { background: var(--bg); padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 13px; line-height: 1.5; margin: 8px 0; }\n  code { font-family: \"SFMono-Regular\", Consolas, monospace; }\n  \n  /* Config table */\n  table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 14px; }\n  th, td { padding: 8px 12px; border: 1px solid var(--border); text-align: left; }\n  th { background: var(--bg); font-weight: 600; }\n  tr:nth-child(even) { background: var(--bg); }\n  \n  /* File tree */\n  .file-tree { font-family: monospace; font-size: 13px; line-height: 1.8; margin: 12px 0; }\n  .file-"},{"kind":"example","language":"html","snippet":"<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>[Feature] — Feature Explainer</title>\n<style>\n  :root { --bg: #f6f8fa; --surface: #fff; --text: #1f2328; --text-muted: #656d76; --border: #d0d7de; --accent: #0969da; --green: #1a7f37; --red: #cf222e; --yellow: #9a6700; }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: -apple-system, sans-serif; background: var(--bg); color: var(--text); max-width: 960px; margin: 0 auto; padding: 24px 16px; line-height: 1.6; }\n  h1 { font-size: 28px; margin-bottom: 4px; }\n  h2 { font-size: 20px; margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }\n  h3 { font-size: 16px; margin: 16px 0 8px; }\n  p { margin: 8px 0; }\n  .meta { color: var(--text-muted); font-size: 14px; margin-bottom: 16px; }\n  \n  /* Before/After */\n  .comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0; }\n  .comparison-col { padding: 16px; border-radius: 8px; }\n  .comparison-col.before { background: #fff0f0; border: 1px solid var(--red); }\n  .comparison-col.after { background: #f0fff0; border: 1px solid var(--green); }\n  .comparison-col h4 { margin-bottom: 8px; }\n  .comparison-col ul { padding-left: 20px; }\n  .comparison-col li { margin: 4px 0; font-size: 14px; }\n  \n  /* Code samples */\n  pre { background: var(--bg); padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 13px; line-height: 1.5; margin: 8px 0; }\n  code { font-family: \"SFMono-Regular\", Consolas, monospace; }\n  \n  /* Config table */\n  table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 14px; }\n  th, td { padding: 8px 12px; border: 1px solid var(--border); text-align: left; }\n  th { background: var(--bg); font-weight: 600; }\n  tr:nth-child(even) { background: var(--bg); }\n  \n  /* File tree */\n  .file-tree { font-family: monospace; font-size: 13px; line-height: 1.8; margin: 12px 0; }\n  .file-"}]}}