[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-arvindrk-extract-design-system-zh-CN":3,"guides-for-arvindrk-extract-design-system":361,"similar-k172seg76n2hvnh967b30sgcd986mdpq-zh-CN":362},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":242,"isFallback":232,"parentExtension":246,"providers":278,"relations":282,"repo":284,"tags":358,"workflow":359},1778675698874.5686,"k172seg76n2hvnh967b30sgcd986mdpq",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"从公共网站提取设计原语并为您的项目生成入门令牌文件。",{"claudeCode":12},"arvindrk/extract-design-system","extract-design-system","https://github.com/arvindrk/extract-design-system",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":223,"workflow":240},1778675698874.5688,"kn76zf98ecr6aqyrm34zs4q1q586nj91","zh-CN",{"checks":20,"evaluatedAt":192,"extensionSummary":193,"features":194,"nonGoals":200,"promptVersionExtension":205,"promptVersionScoring":206,"purpose":207,"rationale":208,"score":209,"summary":210,"tags":211,"tier":217,"useCases":218},[21,26,29,32,36,39,43,47,50,53,57,61,64,68,71,74,77,80,83,86,90,94,98,102,106,109,113,117,121,124,127,130,133,136,139,143,147,150,153,157,160,163,166,169,173,176,179,182,185,189],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","描述清楚地说明了从公共网站提取设计原语并生成入门令牌文件的相关性。",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","该技能提供了一个具体的设计令牌提取工作流程，超越了基本提示，为使用设计系统初始化项目提供了价值。",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","该技能提供了从提取到生成入门文件的完整工作流程，并包括 playwright 的设置说明，使其可用于实际工作流程。",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","该扩展专注于单一领域：从网站提取设计原语并生成令牌文件。",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","显示的描述准确且简洁地反映了该技能的功能。",{"category":40,"check":41,"severity":24,"summary":42},"Invocation","Scoped tools","该技能公开了具体、定义良好的工具，用于设计系统提取和初始化，避免了通用的命令执行。",{"category":44,"check":45,"severity":24,"summary":46},"Documentation","Configuration & parameter reference","SKILL.md 和 README 提供了清晰的说明，包括 `--extract-only` 和 `init` 等参数，并且隐含的默认值易于理解。",{"category":33,"check":48,"severity":24,"summary":49},"Tool naming","像 `extract_design_system` 和 `init_design_system` 这样的工具是描述性的，并且遵循 kebab-case 约定。",{"category":33,"check":51,"severity":24,"summary":52},"Minimal I/O surface","该工具的输入参数和输出结构定义明确，仅专注于提取和令牌生成所必需的数据。",{"category":54,"check":55,"severity":24,"summary":56},"License","License usability","该扩展根据 MIT 许可证授权，该许可证在 LICENSE 文件和 README 中有明确说明，这是一个宽松的开源许可证。",{"category":58,"check":59,"severity":24,"summary":60},"Maintenance","Commit recency","上次提交是在 2026 年 5 月 10 日，在过去 90 天内。",{"category":58,"check":62,"severity":24,"summary":63},"Dependency Management","该项目使用 npm 和 playwright，README 提到了 Node.js 20+ 和安装 playwright 的需求，这表明了良好的依赖管理意识。",{"category":65,"check":66,"severity":24,"summary":67},"Security","Secret Management","该技能似乎不处理或暴露任何秘密。",{"category":65,"check":69,"severity":24,"summary":70},"Injection","该技能将第三方网站内容视为数据，并包含安全边界以防止执行外部源的指令。",{"category":65,"check":72,"severity":24,"summary":73},"Transitive Supply-Chain Grenades","该技能获取公共网站内容，但不执行任意代码或遵循远程源的指令。",{"category":65,"check":75,"severity":24,"summary":76},"Sandbox Isolation","该技能在项目目录内运行，仅处理生成的输出文件，安全边界可防止在范围之外进行修改。",{"category":65,"check":78,"severity":24,"summary":79},"Sandbox escape primitives","在提供的脚本中未发现分离进程的启动或拒绝-重试循环。",{"category":65,"check":81,"severity":24,"summary":82},"Data Exfiltration","该技能仅分析公共网站内容，不向任何第三方提交机密数据。",{"category":65,"check":84,"severity":24,"summary":85},"Hidden Text Tricks","捆绑的内容和描述似乎不包含隐藏的操纵技巧或可疑的 Unicode 字符。",{"category":87,"check":88,"severity":24,"summary":89},"Hooks","Opaque code execution","捆绑的脚本是清晰可读的；没有使用 base64 负载或运行时获取等混淆技术。",{"category":91,"check":92,"severity":24,"summary":93},"Portability","Structural Assumption","该技能专注于在项目内生成文件，并且除了输出位置外，不对应用户现有项目结构做出僵化的假设。",{"category":95,"check":96,"severity":24,"summary":97},"Trust","Issues Attention","在过去 90 天内有 0 个打开和 0 个关闭的 issue，表明维护活跃或 issue 较少。",{"category":99,"check":100,"severity":24,"summary":101},"Versioning","Release Management","该技能可通过 npm 获得，README 指示需要 Node.js 20+，提交历史表明开发活跃，尽管 frontmatter 或 releases 中未详细说明显式版本控制。",{"category":103,"check":104,"severity":24,"summary":105},"Execution","Validation","CLI 和技能说明暗示了对 URL 等输入的验证，并且输出是结构化的，符合任务要求。",{"category":65,"check":107,"severity":24,"summary":108},"Unguarded Destructive Operations","该技能主要生成文件和分析公共数据；修改现有应用程序代码需要显式确认。",{"category":110,"check":111,"severity":24,"summary":112},"Code Execution","Error Handling","SKILL.md 和工作流程表明对输入和输出进行了结构化处理，这意味着错误会被有意义地报告。",{"category":110,"check":114,"severity":115,"summary":116},"Logging","not_applicable","该技能主要侧重于分析和输出生成，而非破坏性操作或敏感的出站调用，因此详细的审计日志记录不那么关键。",{"category":118,"check":119,"severity":24,"summary":120},"Compliance","GDPR","该技能仅处理公共网站数据，不处理个人数据，因此避免了 GDPR 的顾虑。",{"category":118,"check":122,"severity":24,"summary":123},"Target market","该扩展运行在全球公共网站上，没有区域或管辖权限制。",{"category":91,"check":125,"severity":24,"summary":126},"Runtime stability","该技能有明确的前提条件（Node.js 20+, playwright）并且其 CLI 的性质表明了 POSIX 兼容性。",{"category":44,"check":128,"severity":24,"summary":129},"README","README 内容全面，清晰地说明了扩展的目的、功能和用法。",{"category":33,"check":131,"severity":24,"summary":132},"Tool surface size","该技能公开了数量可管理的工具：`extract_design_system`、`init_design_system` 和 `get_tokens`。",{"category":40,"check":134,"severity":24,"summary":135},"Overlapping near-synonym tools","提供的工具（`extract_design_system`、`init_design_system`、`get_tokens`）具有不同的、不重叠的功能。",{"category":44,"check":137,"severity":24,"summary":138},"Phantom features","所有宣传的功能，如令牌提取和文件生成，都在 CLI 和技能说明中有相应的实现。",{"category":140,"check":141,"severity":24,"summary":142},"Install","Installation instruction","README 中提供了清晰的安装说明，通过 `npx skills add` 命令，并附有示例用法提示。",{"category":144,"check":145,"severity":24,"summary":146},"Errors","Actionable error messages","文档和工作流程描述暗示了与提取或文件生成相关的错误将是清晰的，并提供指导。",{"category":103,"check":148,"severity":24,"summary":149},"Pinned dependencies","该项目依赖 npm 并指定 Node.js 20+，使用 playwright 表明版本已管理，暗示了固定的依赖项。",{"category":33,"check":151,"severity":24,"summary":152},"Dry-run preview","`--extract-only` 标志提供了提取的预览，而无需生成入门文件，并且该技能强调在修改项目文件之前请求确认。",{"category":154,"check":155,"severity":115,"summary":156},"Protocol","Idempotent retry & timeouts","该技能侧重于提取公共数据和生成本地文件；它不涉及远程状态更改操作，也不需要复杂的重试逻辑。",{"category":118,"check":158,"severity":24,"summary":159},"Telemetry opt-in","没有提及遥测收集；重点是本地文件生成和分析，这意味着没有选择退出的遥测。",{"category":40,"check":161,"severity":24,"summary":162},"Precise Purpose","目的定义精确：从公共网站提取设计原语并生成入门令牌文件，并概述了明确的用例和边界。",{"category":40,"check":164,"severity":24,"summary":165},"Concise Frontmatter","frontmatter 简洁，有效总结了提取设计令牌的核心能力。",{"category":44,"check":167,"severity":24,"summary":168},"Concise Body","SKILL.md 简洁，概述了工作流程，并将详细参考委托给单独的文件。",{"category":170,"check":171,"severity":24,"summary":172},"Context","Progressive Disclosure","SKILL.md 概述了工作流程，并链接到 `references/workflow.md` 和 `references/outputs.md` 以获取更深入的材料。",{"category":170,"check":174,"severity":115,"summary":175},"Forked exploration","该技能的工作流程不是以会淹没主对话的方式进行的探索；这是一项集中的提取任务。",{"category":22,"check":177,"severity":24,"summary":178},"Usage examples","README 提供了多个清晰、可直接使用的示例提示，演示了如何在各种提取场景下调用该技能。",{"category":22,"check":180,"severity":24,"summary":181},"Edge cases","SKILL.md 记录了限制，例如可能导致不完整输出的动态站点以及需要审查提取数据，以及安全边界。",{"category":110,"check":183,"severity":115,"summary":184},"Tool Fallback","该技能不依赖外部 MCP 服务器；它捆绑了自己的 CLI 实现。",{"category":186,"check":187,"severity":24,"summary":188},"Safety","Halt on unexpected state","SKILL.md 列出了安全边界，包括未经确认不修改项目文件，以及将提取的输出视为不受信任的数据，暗示了在意外状态下会停止执行。",{"category":91,"check":190,"severity":24,"summary":191},"Cross-skill coupling","该技能是独立的，不依赖于在同一会话中加载的其他技能。",1778675640516,"此技能可从公共网站提取颜色、排版、间距、边框半径和阴影等设计原语。它会为本地项目生成入门级的 `tokens.json` 和 `tokens.css` 文件，以及用于调试的原始和标准化 JSON 输出。",[195,196,197,198,199],"提取颜色、排版、间距、半径和阴影","生成入门级 `tokens.json` 和 `tokens.css` 文件","提供原始和标准化 JSON 输出","在修改现有项目文件前需要显式确认","仅分析公共网站",[201,202,203,204],"声称提取的系统是完整或像素完美的","推断不存在于提取中的组件或语义令牌","在未审查的情况下将提取的输出视为权威","自动进行广泛的应用程序重写或框架配置修补","3.0.0","4.4.0","为开发人员提供一种快速从任何公共网站反向工程设计令牌并为他们的项目生成基础样式文件的*. ","该扩展在所有评估方面都展现出高质量，包括清晰的文档、强大的安全功能以及明确定义的范围。其工作流程已为生产做好准备，并能优雅地处理潜在问题。",99,"提取网站设计令牌的绝佳技能。",[212,213,214,215,216],"design-tokens","css","web-development","cli","javascript","verified",[219,220,221,222],"基于现有网站样式初始化新项目设计令牌","分析竞争对手或灵感网站的设计原语","为快速原型设计生成基础样式资源","建立可重复的设计令牌提取工作流程",{"codeQuality":224,"collectedAt":226,"documentation":227,"maintenance":230,"popularity":235,"security":237,"testCoverage":239},{"hasLockfile":225},true,1778675618312,{"descriptionLength":228,"readmeSize":229},98,8133,{"closedIssues90d":8,"forks":231,"hasChangelog":232,"openIssues90d":8,"pushedAt":233,"stars":234},5,false,1778372685000,36,{"npmDownloads":236},167868,{"hasNpmPackage":225,"license":238,"smitheryVerified":232},"MIT",{"hasCi":225,"hasTests":225},{"updatedAt":241},1778675698874,{"basePath":243,"githubOwner":244,"githubRepo":13,"locale":18,"slug":13,"type":245},"skills/extract-design-system","arvindrk","skill",{"_creationTime":247,"_id":248,"community":249,"display":250,"identity":253,"parentExtension":257,"providers":258,"relations":271,"tags":273,"workflow":274},1778675594920.0762,"k1762merk28sjnss4c76tj3wg186mqq5",{"reviewCount":8},{"description":251,"installMethods":252,"name":13,"sourceUrl":14},"Extract design primitives from public websites into starter token files.",{"claudeCode":13},{"basePath":254,"githubOwner":244,"githubRepo":13,"locale":255,"slug":13,"type":256},"","en","plugin",null,{"evaluate":259,"extract":266},{"promptVersionExtension":205,"promptVersionScoring":206,"score":260,"tags":261,"targetMarket":265,"tier":217},96,[212,262,213,263,215,264],"website-scraping","json","mcp","global",{"commitSha":267,"plugin":268},"HEAD",{"mcpCount":8,"provider":269,"skillCount":270},"classify",1,{"repoId":272},"kd70eqr3jg8v1kx2h8ctrm3tp186n6w0",[215,213,212,263,264,262],{"evaluatedAt":275,"extractAt":276,"updatedAt":277},1778675618062,1778675594920,1778675715285,{"evaluate":279,"extract":281},{"promptVersionExtension":205,"promptVersionScoring":206,"score":209,"tags":280,"targetMarket":265,"tier":217},[212,213,214,215,216],{"commitSha":267},{"parentExtensionId":248,"repoId":272,"translatedFrom":283},"k17crev4d2b28httehcp2fbj1n86ne6p",{"_creationTime":285,"_id":272,"identity":286,"providers":287,"workflow":353},1778675588522.468,{"githubOwner":244,"githubRepo":13,"sourceUrl":14},{"classify":288,"discover":329,"extract":332,"github":333,"npm":352},{"commitSha":267,"extensions":289},[290,306,317],{"basePath":254,"description":251,"displayName":13,"installMethods":291,"rationale":292,"selectedPaths":293,"source":305,"sourceLanguage":255,"type":256},{"claudeCode":13},"plugin manifest at .codex-plugin/plugin.json",[294,297,299,302],{"path":295,"priority":296},".codex-plugin/plugin.json","mandatory",{"path":298,"priority":296},"README.md",{"path":300,"priority":301},"LICENSE","high",{"path":303,"priority":304},"skills/extract-design-system/SKILL.md","medium","rule",{"basePath":243,"description":307,"displayName":13,"installMethods":308,"rationale":309,"selectedPaths":310,"source":305,"sourceLanguage":255,"type":245},"Extract design primitives from a public website and generate starter token files for your project.",{"claudeCode":12},"SKILL.md frontmatter at skills/extract-design-system/SKILL.md",[311,313,315],{"path":312,"priority":296},"SKILL.md",{"path":314,"priority":304},"references/outputs.md",{"path":316,"priority":304},"references/workflow.md",{"basePath":254,"description":318,"displayName":13,"installMethods":319,"license":238,"rationale":320,"selectedPaths":321,"source":305,"sourceLanguage":255,"type":264},"Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.",{"npm":13},"package.json @modelcontextprotocol/sdk dep + bin at package.json",[322,324,325,326],{"path":323,"priority":296},"package.json",{"path":298,"priority":296},{"path":300,"priority":301},{"path":327,"priority":328},"src/mcp.ts","low",{"sources":330},[331],"manual",{"npmPackage":13},{"closedIssues90d":8,"description":318,"forks":231,"homepage":334,"license":238,"openIssues90d":8,"pushedAt":233,"readmeSize":229,"stars":234,"topics":335},"https://www.npmjs.com/package/extract-design-system",[336,337,215,338,339,340,341,342,343,344,212,345,346,264,347,348,349,213,350,351],"agent-skills","automation","cursor-skills","design-system","skills-sh","token-extractor","claude-code-skills","claude-skills","design-ops","developer-experience","frontend","playwright","ui-audit","brand-audit","design-md","nodejs",{"downloads":236},{"classifiedAt":354,"discoverAt":355,"extractAt":356,"githubAt":356,"npmAt":357,"updatedAt":354},1778675594493,1778675588522,1778675590640,1778675592702,[215,213,212,216,214],{"evaluatedAt":360,"extractAt":276,"updatedAt":241},1778675640657,[],[363,394,415,436,464,491],{"_creationTime":364,"_id":365,"community":366,"display":367,"identity":373,"providers":378,"relations":387,"tags":390,"workflow":391},1778668208695.1423,"k17f06zww13em2avbhz248f60d86m8fc",{"reviewCount":8},{"description":368,"installMethods":369,"name":371,"sourceUrl":372},"Color-only audit to extract, evaluate, and recommend improvements for the project's color system",{"claudeCode":370},"Aboudjem/ui-ux-suite","Color Audit","https://github.com/Aboudjem/ui-ux-suite",{"basePath":374,"githubOwner":375,"githubRepo":376,"locale":255,"slug":377,"type":245},"skills/color-audit","Aboudjem","ui-ux-suite","color-audit",{"evaluate":379,"extract":386},{"promptVersionExtension":205,"promptVersionScoring":206,"score":380,"tags":381,"targetMarket":265,"tier":217},100,[382,383,384,385,213,216,215],"design","ui","ux","accessibility",{"commitSha":267,"license":238},{"parentExtensionId":388,"repoId":389},"k178zeec8jajqdrczrynw6x3fx86mm8h","kd75532596tdmk72j9k55b0qqn86n5et",[385,215,213,382,216,383,384],{"evaluatedAt":392,"extractAt":393,"updatedAt":392},1778669948021,1778668208695,{"_creationTime":395,"_id":396,"community":397,"display":398,"identity":402,"providers":405,"relations":411,"tags":412,"workflow":413},1778668208695.1453,"k176sf1kx7rrk3aq3ywq0dfdrs86mwp1",{"reviewCount":8},{"description":399,"installMethods":400,"name":401,"sourceUrl":372},"Typography-only audit covering font selection, type scale, readability, hierarchy, performance",{"claudeCode":370},"Type Audit",{"basePath":403,"githubOwner":375,"githubRepo":376,"locale":255,"slug":404,"type":245},"skills/type-audit","type-audit",{"evaluate":406,"extract":410},{"promptVersionExtension":205,"promptVersionScoring":206,"score":380,"tags":407,"targetMarket":265,"tier":217},[382,384,408,409,213,214,346],"typography","audit",{"commitSha":267,"license":238},{"parentExtensionId":388,"repoId":389},[409,213,382,346,408,384,214],{"evaluatedAt":414,"extractAt":393,"updatedAt":414},1778670163933,{"_creationTime":416,"_id":417,"community":418,"display":419,"identity":423,"providers":426,"relations":432,"tags":433,"workflow":434},1778668208695.1443,"k1756c58e7z3k8dc64z3v01hfx86n77f",{"reviewCount":8},{"description":420,"installMethods":421,"name":422,"sourceUrl":372},"Layout and spacing audit covering grid, spacing consistency, density, responsive behavior",{"claudeCode":370},"Layout Audit",{"basePath":424,"githubOwner":375,"githubRepo":376,"locale":255,"slug":425,"type":245},"skills/layout-audit","layout-audit",{"evaluate":427,"extract":431},{"promptVersionExtension":205,"promptVersionScoring":206,"score":380,"tags":428,"targetMarket":265,"tier":217},[429,430,213,216,346],"ui-ux","design-audit",{"commitSha":267,"license":238},{"parentExtensionId":388,"repoId":389},[213,430,346,216,429],{"evaluatedAt":435,"extractAt":393,"updatedAt":435},1778670082566,{"_creationTime":437,"_id":438,"community":439,"display":440,"identity":446,"providers":450,"relations":457,"tags":460,"workflow":461},1778690831986.3765,"k179x509d3fng6rhce5txz8grx86m5mw",{"reviewCount":8},{"description":441,"installMethods":442,"name":444,"sourceUrl":445},"Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.",{"claudeCode":443},"hyf0/vue-skills","vue-router-best-practices","https://github.com/hyf0/vue-skills",{"basePath":447,"githubOwner":448,"githubRepo":449,"locale":255,"slug":444,"type":245},"skills/vue-router-best-practices","hyf0","vue-skills",{"evaluate":451,"extract":456},{"promptVersionExtension":205,"promptVersionScoring":206,"score":380,"tags":452,"targetMarket":265,"tier":217},[453,454,216,455,214],"vue","vue-router","typescript",{"commitSha":267},{"parentExtensionId":458,"repoId":459},"k17fvvpt61wrah7aepwqhgjp4d86n8jx","kd7a1a0bdc2ez150x3razht61n86m6a8",[216,455,453,454,214],{"evaluatedAt":462,"extractAt":463,"updatedAt":462},1778691174475,1778690831986,{"_creationTime":465,"_id":466,"community":467,"display":468,"identity":474,"providers":478,"relations":485,"tags":487,"workflow":488},1778685991755.7456,"k17djff3pz3wam5kpz7pkg92h586menn",{"reviewCount":8},{"description":469,"installMethods":470,"name":472,"sourceUrl":473},"Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.",{"claudeCode":471},"davila7/claude-code-templates","develop-web-game","https://github.com/davila7/claude-code-templates",{"basePath":475,"githubOwner":476,"githubRepo":477,"locale":255,"slug":472,"type":245},"cli-tool/components/skills/creative-design/develop-web-game","davila7","claude-code-templates",{"evaluate":479,"extract":484},{"promptVersionExtension":205,"promptVersionScoring":206,"score":380,"tags":480,"targetMarket":265,"tier":217},[214,481,216,482,347,483,337],"game-development","html","testing",{"commitSha":267},{"repoId":486},"kd71fzn4s7r0269fkw47wt670n86ndz0",[337,481,482,216,347,483,214],{"evaluatedAt":489,"extractAt":490,"updatedAt":489},1778690648090,1778685991755,{"_creationTime":492,"_id":493,"community":494,"display":495,"identity":501,"providers":505,"relations":513,"tags":516,"workflow":517},1778675056600.2688,"k17axft429eg7cgac59w07hp9n86n548",{"reviewCount":8},{"description":496,"installMethods":497,"name":499,"sourceUrl":500},"UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.",{"claudeCode":498},"alirezarezvani/claude-skills","UI Design System Toolkit","https://github.com/alirezarezvani/claude-skills",{"basePath":502,"githubOwner":503,"githubRepo":343,"locale":255,"slug":504,"type":245},"product-team/skills/ui-design-system","alirezarezvani","ui-design-system",{"evaluate":506,"extract":512},{"promptVersionExtension":205,"promptVersionScoring":206,"score":209,"tags":507,"targetMarket":265,"tier":217},[212,508,213,509,216,510,511],"ui-design","scss","figma","tailwind",{"commitSha":267,"license":238},{"parentExtensionId":514,"repoId":515},"k17104ysr0smp7vvp26mnn1fzh86nynm","kd7ff9s1w43mfyy1n7hf87816186m6px",[213,212,510,216,509,511,508],{"evaluatedAt":518,"extractAt":519,"updatedAt":518},1778685759619,1778675056600]