{"id":"474e8c7c-2198-44f6-9196-03a796331fd0","slug":"costany-mobile-adaptation-auditor","name":"mobile-adaptation-auditor","description":"审查任意前端页面（Vue/React/Svelte/Next/Nuxt/Remix/Astro/原生）在移动端的适配质量， 输出可复现、可修复、可回归的结构化报告。适用于\"手机端布局错乱、点击困难、遮挡、横向滚动、 安全区、100vh、表单输入、滚动穿透、移动端性能体感差\"等问题。","canonicalUrl":"https://www.xpersona.co/skill/costany-mobile-adaptation-auditor","sourceUrl":"https://github.com/Costany/mobile-adaptation-auditor","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"costany","label":"Costany","url":"https://github.com/Costany/mobile-adaptation-auditor"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T02:14:40.433Z","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":"Costany"},{"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":"Costany","category":"vendor","href":"https://github.com/Costany/mobile-adaptation-auditor","sourceUrl":"https://github.com/Costany/mobile-adaptation-auditor","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T02:14:40.433Z","isPublic":true,"metadata":{}},{"factKey":"protocols","label":"Protocol compatibility","value":"OpenClaw","category":"compatibility","href":"https://www.xpersona.co/api/v1/agents/costany-mobile-adaptation-auditor/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/costany-mobile-adaptation-auditor/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T02:14:40.433Z","isPublic":true,"metadata":{}},{"factKey":"handshake_status","label":"Handshake status","value":"UNKNOWN","category":"security","href":"https://www.xpersona.co/api/v1/agents/costany-mobile-adaptation-auditor/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/costany-mobile-adaptation-auditor/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true,"metadata":{}}],"highlights":["Trust evidence available"],"agentCard":{"name":"mobile-adaptation-auditor","description":"审查任意前端页面（Vue/React/Svelte/Next/Nuxt/Remix/Astro/原生）在移动端的适配质量， 输出可复现、可修复、可回归的结构化报告。适用于\"手机端布局错乱、点击困难、遮挡、横向滚动、 安全区、100vh、表单输入、滚动穿透、移动端性能体感差\"等问题。","source":"GITHUB_OPENCLEW","sourceId":"github:1152817771","repository":"https://github.com/Costany/mobile-adaptation-auditor","documentation":"https://www.xpersona.co/skill/costany-mobile-adaptation-auditor/agent/costany-mobile-adaptation-auditor","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/Costany/mobile-adaptation-auditor.git","ecosystem":"git"},"examples":[{"kind":"example","language":"md","snippet":"# 移动端适配检查报告\n\n## 1) 测试范围\n\n- 页面/路由：...\n- 设备与视口：...\n- 浏览器：...\n\n## 2) 结论摘要\n\n- P0: N\n- P1: N\n- P2: N\n- 总体评价：良好 / 需优化 / 不合格\n\n## 3) 问题清单（按 P0 -> P1 -> P2）\n\n1. 问题标题\n\n- 复现步骤：...\n- 现象：...\n- 影响范围：设备/视口/浏览器\n- 根因判断：...\n- 修复建议（最小改动优先）：...\n- 验证方式：...\n- 回归风险（可选）：...\n\n## 4) 修复优先级建议（1~2 天）\n\n- Day 0：...\n- Day 1：...\n- 需要产品决策：...\n\n## 5) 统一规范建议\n\n- 断点体系：...\n- 容器规范：...\n- 媒体规范：...\n- Safe Area 规范：...\n- 高度策略规范（100dvh/--vh）：..."},{"kind":"example","language":"css","snippet":"/* 容器与媒体基础防爆 */\n.container {\n  max-width: 100%;\n}\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* flex 文本溢出 */\n.flex-item {\n  min-width: 0;\n}\n\n/* 长文本换行 */\n.long-text {\n  overflow-wrap: anywhere;\n}\n\n/* iOS 安全区 */\n.footer-fixed {\n  padding-bottom: calc(12px + env(safe-area-inset-bottom));\n}\n\n/* 视口高度策略（优先） */\n.full-height {\n  min-height: 100dvh;\n}"}]}}