{"id":"c6564a8c-4ccb-4ddb-9664-44a4cc1762d5","slug":"daugf2527-codesign-json-to-vue","name":"codesign-json-to-vue","description":"将腾讯 CoDesign 设计文件（screen meta JSON + preview 预览图）转换为本项目 Vue3 响应式页面，达到 95% 以上像素精度与 100% 组件覆盖。适用场景：处理 CoDesign inspect URL、JSON meta 文件、preview 图片、design file 设计稿，或需要精确的设计稿转代码并使用项目模板组件时。","canonicalUrl":"https://www.xpersona.co/skill/daugf2527-codesign-json-to-vue","sourceUrl":"https://github.com/daugf2527/codesign-json-to-vue","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"daugf2527","label":"Daugf2527","url":"https://github.com/daugf2527/codesign-json-to-vue"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T02:13:48.257Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Daugf2527"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","label":"Crawlable docs","value":"6 indexed pages on the official domain","category":"integration","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,"metadata":{}},{"factKey":"vendor","label":"Vendor","value":"Daugf2527","category":"vendor","href":"https://github.com/daugf2527/codesign-json-to-vue","sourceUrl":"https://github.com/daugf2527/codesign-json-to-vue","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T02:13:48.686Z","isPublic":true,"metadata":{}},{"factKey":"protocols","label":"Protocol compatibility","value":"OpenClaw","category":"compatibility","href":"https://www.xpersona.co/api/v1/agents/daugf2527-codesign-json-to-vue/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/daugf2527-codesign-json-to-vue/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T02:13:48.686Z","isPublic":true,"metadata":{}},{"factKey":"handshake_status","label":"Handshake status","value":"UNKNOWN","category":"security","href":"https://www.xpersona.co/api/v1/agents/daugf2527-codesign-json-to-vue/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/daugf2527-codesign-json-to-vue/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true,"metadata":{}}],"highlights":["Trust evidence available"],"agentCard":{"name":"codesign-json-to-vue","description":"将腾讯 CoDesign 设计文件（screen meta JSON + preview 预览图）转换为本项目 Vue3 响应式页面，达到 95% 以上像素精度与 100% 组件覆盖。适用场景：处理 CoDesign inspect URL、JSON meta 文件、preview 图片、design file 设计稿，或需要精确的设计稿转代码并使用项目模板组件时。","source":"GITHUB_OPENCLEW","sourceId":"github:1154250499","repository":"https://github.com/daugf2527/codesign-json-to-vue","documentation":"https://www.xpersona.co/skill/daugf2527-codesign-json-to-vue/agent/daugf2527-codesign-json-to-vue","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/daugf2527/codesign-json-to-vue.git","ecosystem":"git"},"examples":[{"kind":"example","language":"bash","snippet":"# 1. 组件索引：扫描 Vue SFC → 提取 Props/Slots/Emits/依赖 → component-index.json\npython3 ~/.codex/skills/codesign-json-to-vue/scripts/build-component-index.py \\\n  <project_root> --out designs/component-index.json\n\n# 2. Design Token 提取：扫描样式 → 挖掘事实 token → design-tokens.json\npython3 ~/.codex/skills/codesign-json-to-vue/scripts/extract-design-tokens.py \\\n  <project_root> --out designs/design-tokens.json"},{"kind":"example","language":"text","snippet":"python3 ~/.codex/skills/codesign-json-to-vue/scripts/codesign_pipeline.py \\\n  \"https://codesign.qq.com/app/design/<design_id>/<screen_id>/inspect\""}]}}