[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-anthropics-web-artifacts-builder-es":3,"guides-for-anthropics-web-artifacts-builder":266},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":24,"identity":191,"isFallback":196,"parentExtension":197,"providers":248,"relations":254,"repo":255,"workflow":265},1778003232571.9211,"k1756870gzcdyxxxpcnxscvpxh864b0k",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":12,"sourceUrl":13,"tags":14},"Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.",{},"Web Artifacts Builder","https://github.com/anthropics/skills/tree/HEAD/skills/web-artifacts-builder",[15,16,17,18,19,20,21,22,23],"web-development","react","typescript","tailwind-css","shadcn-ui","bundling","frontend","design","coding",{"_creationTime":25,"_id":26,"extensionId":5,"locale":27,"result":28,"trustSignals":179,"workflow":189},1778007125066.7122,"kn7bzyzdbrtb9tdqhpybda1brn865gb3","en",{"checks":29,"evaluatedAt":169,"extensionSummary":170,"promptVersionExtension":171,"promptVersionScoring":172,"rationale":173,"score":174,"summary":175,"tags":176,"targetMarket":177,"tier":178},[30,35,38,41,45,48,52,57,60,63,67,71,74,78,81,84,87,90,93,96,100,104,109,113,118,121,124,127,131,134,137,140,143,146,150,153,156,159,162,166],{"category":31,"check":32,"severity":33,"summary":34},"Practical Utility","Problem relevance","pass","The description clearly states the problem this skill addresses: creating complex HTML artifacts using modern web technologies for use cases requiring state management, routing, or specific UI components.",{"category":31,"check":36,"severity":33,"summary":37},"Unique selling proposition","The skill provides a structured workflow and pre-configured toolchain (React, Tailwind, shadcn/ui) that goes beyond a simple prompt, offering significant value for building intricate web artifacts.",{"category":31,"check":39,"severity":33,"summary":40},"Production readiness","The skill provides a complete lifecycle for creating web artifacts, including initialization, development guidance, bundling, and optional testing, making it ready for production workflows.",{"category":42,"check":43,"severity":33,"summary":44},"Scope","Single responsibility principle","The extension focuses solely on the creation and bundling of React-based web artifacts, adhering to a single responsibility.",{"category":42,"check":46,"severity":33,"summary":47},"Description quality","The description is concise, accurate, and clearly reflects the capabilities and intended use cases of the extension.",{"category":49,"check":50,"severity":33,"summary":51},"Invocation","Scoped tools","The skill uses narrow, verb-noun specialist scripts like `init-artifact.sh` and `bundle-artifact.sh`, which are well-defined and scoped for specific tasks.",{"category":53,"check":54,"severity":55,"summary":56},"Documentation","Configuration & parameter reference","warning","While the scripts are well-documented, some underlying dependencies like Node.js version requirements are implicitly stated rather than explicitly listed as parameters or configuration options.",{"category":42,"check":58,"severity":33,"summary":59},"Tool naming","Tool names like `init-artifact.sh` and `bundle-artifact.sh` are descriptive and clearly indicate their purpose.",{"category":42,"check":61,"severity":33,"summary":62},"Minimal I/O surface","The scripts have well-defined inputs (project name) and outputs (HTML file, project structure), and do not appear to request or return unnecessary data.",{"category":64,"check":65,"severity":33,"summary":66},"License","License usability","The extension includes a LICENSE.txt file with the Apache 2.0 license, which is a permissive open-source license.",{"category":68,"check":69,"severity":55,"summary":70},"Maintenance","Commit recency","There are no commits on the default branch within the last 90 days or 12 months, indicating the extension may be unmaintained.",{"category":68,"check":72,"severity":33,"summary":73},"Dependency Management","The scripts explicitly use `pnpm install` and `pnpm add` with version pinning for some dependencies (e.g., Vite), and `package.json` and `pnpm-lock.yaml` will be generated, which is a suitable mechanism for managing dependencies.",{"category":75,"check":76,"severity":33,"summary":77},"Security","Secret Management","No secrets are used or handled by the provided scripts; they focus on project setup and bundling.",{"category":75,"check":79,"severity":33,"summary":80},"Injection","The scripts do not load or execute untrusted third-party data. All operations are self-contained within the provided scripts and project setup.",{"category":75,"check":82,"severity":33,"summary":83},"Transitive Supply-Chain Grenades","The scripts do not fetch external code or data at runtime, nor do they use remote execution primitives like `curl | sh`.",{"category":75,"check":85,"severity":33,"summary":86},"Sandbox Isolation","The scripts operate within the project directory and do not attempt to modify files outside of it.",{"category":75,"check":88,"severity":33,"summary":89},"Sandbox escape primitives","No detached-process spawns or deny-retry loops were detected in the scripts.",{"category":75,"check":91,"severity":33,"summary":92},"Data Exfiltration","The scripts do not perform any outbound calls that could exfiltrate data.",{"category":75,"check":94,"severity":33,"summary":95},"Hidden Text Tricks","Bundled files are free of hidden-steering tricks, comments, or unusual Unicode characters.",{"category":97,"check":98,"severity":33,"summary":99},"Hooks","Opaque code execution","The scripts are plain Bash code and do not use obfuscation techniques like base64 payloads or `eval`.",{"category":101,"check":102,"severity":33,"summary":103},"Portability","Structural Assumption","The scripts assume a standard project structure created by Vite and `pnpm`, and clearly state the need to be run from the project root or a specific directory.",{"category":105,"check":106,"severity":107,"summary":108},"Trust","Issues Attention","not_applicable","No issues data available from the repository.",{"category":110,"check":111,"severity":55,"summary":112},"Versioning","Release Management","No explicit versioning information (like a version number in SKILL.md or package.json) is present, and no GitHub releases or CHANGELOG are available.",{"category":114,"check":115,"severity":116,"summary":117},"Code Execution","Validation","info","The `init-artifact.sh` script validates the Node.js version and checks for `pnpm`, but detailed validation for project name or other inputs is minimal.",{"category":75,"check":119,"severity":33,"summary":120},"Unguarded Destructive Operations","The scripts are primarily for setup and bundling; they do not perform destructive operations that require additional guards.",{"category":114,"check":122,"severity":33,"summary":123},"Error Handling","The scripts use `set -e` to exit on error and provide specific error messages for common issues like missing files or incorrect Node versions.",{"category":114,"check":125,"severity":33,"summary":126},"Logging","The scripts provide informative output using `echo` statements, effectively logging their progress and outcomes.",{"category":128,"check":129,"severity":107,"summary":130},"Compliance","GDPR","The extension does not handle any personal data.",{"category":128,"check":132,"severity":33,"summary":133},"Target market","The extension is a general-purpose web development tool and has no specific regional or jurisdictional limitations, making it globally applicable.",{"category":101,"check":135,"severity":33,"summary":136},"Runtime stability","The scripts clearly state Node.js 18+ and pnpm requirements and are written in Bash, ensuring good cross-platform compatibility.",{"category":49,"check":138,"severity":33,"summary":139},"Precise Purpose","The description clearly defines the purpose (creating elaborate HTML artifacts with modern tech) and usage constraints (complex artifacts, not simple ones).",{"category":49,"check":141,"severity":33,"summary":142},"Concise Frontmatter","The frontmatter is concise and effectively summarizes the skill's purpose and intended use.",{"category":53,"check":144,"severity":33,"summary":145},"Concise Body","The SKILL.md body is concise and uses separate scripts for detailed operations, adhering to progressive disclosure.",{"category":147,"check":148,"severity":33,"summary":149},"Context","Progressive Disclosure","The skill body is concise, and detailed procedures are in separate script files (`init-artifact.sh`, `bundle-artifact.sh`), following progressive disclosure.",{"category":147,"check":151,"severity":107,"summary":152},"Forked exploration","This skill is not an exploration or audit-style skill; it directly performs setup and bundling tasks.",{"category":31,"check":154,"severity":33,"summary":155},"Usage examples","The README and SKILL.md provide clear, executable examples for initializing the project, bundling the artifact, and importing components.",{"category":31,"check":157,"severity":33,"summary":158},"Edge cases","The scripts handle edge cases like incorrect Node.js versions, missing `package.json`, or `index.html` by providing clear error messages and exiting.",{"category":114,"check":160,"severity":107,"summary":161},"Tool Fallback","The skill does not rely on external tools like MCP servers; it uses standard Node.js and Bash commands.",{"category":163,"check":164,"severity":33,"summary":165},"Safety","Halt on unexpected state","The scripts use `set -e` to halt on unexpected states and provide specific error messages, and the `init-artifact.sh` checks for necessary prerequisites like Node.js version.",{"category":101,"check":167,"severity":33,"summary":168},"Cross-skill coupling","The skill is self-contained and does not implicitly rely on other skills.",1778007041017,"The skill initializes a React+TypeScript project pre-configured with Vite, Tailwind CSS, and shadcn/ui components. It includes scripts to bundle the entire application into a single HTML file for easy sharing and display. The development process emphasizes modern web technologies and efficient artifact creation.","2.0.0","3.4.0","The extension is well-structured, follows best practices for its scope, and provides a clear workflow for creating web artifacts. Minor warnings regarding commit recency and explicit parameter documentation prevent a perfect score.",92,"This skill provides a robust framework for building complex, single-file HTML web artifacts using modern frontend technologies like React, Tailwind CSS, and shadcn/ui.",[15,16,17,18,19,20,21],"global","verified",{"codeQuality":180,"collectedAt":181,"documentation":182,"maintenance":184,"security":185,"testCoverage":188},{},1778007025075,{"descriptionLength":183,"readmeSize":8},288,{},{"hasNpmPackage":186,"license":187,"smitheryVerified":186},false,"Complete terms in LICENSE.txt",{"hasCi":186,"hasTests":186},{"invalidatedAt":190,"updatedAt":190},1778008076651,{"githubOwner":192,"githubRepo":193,"locale":27,"slug":194,"type":195},"anthropics","skills","web-artifacts-builder","skill",true,{"_creationTime":198,"_id":199,"community":200,"display":201,"identity":209,"parentExtension":212,"providers":243,"relations":246,"workflow":247},1778003232571.9158,"k178h7yq3ctta15zcwenpxpkvd864mcm",{"reviewCount":8},{"description":202,"installMethods":203,"name":204,"sourceUrl":205,"tags":206},"Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling",{},"Example Skills Collection","https://github.com/anthropics/skills",[207,193,208],"examples","mcp",{"githubOwner":192,"githubRepo":193,"locale":27,"slug":210,"type":211},"example-skills","plugin",{"_creationTime":213,"_id":214,"community":215,"display":216,"identity":226,"providers":229,"relations":237,"workflow":239},1778003232571.9128,"k17124zdhjkq8c15ck8qz63e5d8652gy",{"reviewCount":8},{"description":217,"installMethods":218,"name":219,"sourceUrl":205,"tags":220},"Anthropic example skills",{},"Anthropic Skills",[207,221,193,222,223,224,225],"documentation","claude","creative","technical","enterprise",{"githubOwner":192,"githubRepo":193,"locale":27,"slug":227,"type":228},"anthropic-agent-skills","marketplace",{"extract":230,"smithery":236},{"commitSha":231,"license":232,"marketplace":233},"d230a6dd6eb1a0dbee9fec55e2f00a96e28dff81","Apache-2.0",{"name":227,"pluginCount":234,"version":235},3,"1.0.0",{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":186},{"repoId":238},"kd72m31vxr2nd4hahhzvp0cyrn864eyx",{"anyEnrichmentAt":190,"extractAt":240,"githubAt":241,"invalidatedAt":190,"llmAt":242,"smitheryAt":190,"updatedAt":190},1778003232571,1778003234861,1778007125066,{"extract":244,"smithery":245},{"commitSha":231,"license":107},{"qualityScore":8,"totalActivations":8,"uniqueUsers":8,"useCount":8,"verified":186},{"parentExtensionId":214,"repoId":238},{"anyEnrichmentAt":190,"extractAt":240,"githubAt":241,"invalidatedAt":190,"llmAt":242,"smitheryAt":190,"updatedAt":190},{"extract":249,"smithery":250},{"commitSha":231,"license":232},{"qualityScore":251,"totalActivations":252,"uniqueUsers":253,"useCount":8,"verified":186},0.9502427,317,134,{"parentExtensionId":199,"repoId":238},{"_creationTime":256,"_id":238,"identity":257,"providers":258,"workflow":263},1777995558409.8123,{"githubOwner":192,"githubRepo":193,"sourceUrl":205},{"discover":259},{"sources":260},[261,262],"skills-sh","smithery",{"discoverAt":264,"extractAt":240,"updatedAt":240},1777995558409,{"anyEnrichmentAt":190,"extractAt":240,"githubAt":241,"invalidatedAt":190,"llmAt":242,"smitheryAt":190,"updatedAt":190},[]]