Guide accessibility reviews for UI, documents, and workflows. Use for WCAG-oriented audits, keyboard review, semantics, contrast, and remediation planning.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
免费在 GitHub 公开
ls-web-artifacts-builder
Guide creation of rich HTML/React web artifacts. Use for self-contained interactive artifacts, prototypes, dashboards, and visual demos.
中文简介正在准备中。当前显示原文说明。
查看安装方法包含的文件（1）
- SKILL.md2.9 KB
SKILL.md（原文）
安装前可以查看交给 AI 代理的指令内容。
Web Artifacts
Use this skill when working on web artifacts tasks.
Workflow
- Choose the simplest artifact shape that satisfies the interaction: static HTML, vanilla JS, or React only when state complexity warrants it.
- Keep artifacts self-contained, accessible, responsive, and free of secrets or live credentials.
- Test rendered output in a browser or Playwright when layout, interaction, or canvas behavior matters.
- For design-heavy work, use image generation only as a concept aid: create candidate visuals, ask the user which direction to implement, then treat the accepted design as the implementation spec.
- Extract the accepted design into concrete system decisions: layout grid, hierarchy, typography, color roles, spacing, component states, imagery, and interaction details.
- Implement faithfully against those decisions, cross-routing to
ls-frontend-visual-designfor visual direction andls-ui-browser-debuggingfor screenshot evidence. - Compare desktop and mobile browser screenshots against the accepted concept, then adjust layout, spacing, contrast, and responsive behavior before claiming visual parity.
Boundaries
- Inspect the target repository before making changes.
- Prefer existing project patterns, declared package managers, and documented validation commands.
- Do not expose secrets, credentials, private user data, or production account identifiers in source, examples, or logs.
- When external APIs or current vendor behavior matter, verify against official docs before implementation.
- For OpenAI image generation workflows, verify current API behavior against:
License Boundary
The upstream repository snapshot did not expose a top-level license file during this run. This skill is LocalSetup-native guidance and does not copy upstream body text or bundled assets.
Provenance
- Source:
https://github.com/anthropics/skills - Ref:
mainat9d2f1ae187231d8199c64b5b762e1bdf2244733d - Source path:
skills/web-artifacts-builder/SKILL.md - License classification:
NO_REPO_LICENSE_FOUND - Source SHA-256:
81c5002c6643b0de7b8710b00e7a9038daa6fb9b68d59870ee6adb12da8d10f8
评价
还没有评价。欢迎分享你的使用感受。
评论
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
同一仓库的技能
Use when choosing a LocalSetup Agent-* lane for exploration, research, bounded implementation, or review. Consult the static capability matrix; do not probe account or network availability.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
Guide agent email inbox workflows with prompt-injection defenses. Use for inbound email processing, webhooks, routing, and safety review.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
Navigate and understand codebases using agentlens hierarchical documentation. Use when exploring new projects, finding modules, locating symbols in large files, finding TODOs/warnings, or understanding code structure.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
Use for Agent Q signed encrypted file-drop or mail ship and ingest, private registry v2 setup, queue status, and transport maintenance.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新
Inventory wrapper for the alirezarezvani Claude skills bundle. Use when triaging its broad skill catalog and large script surface before any targeted import.
中文简介正在准备中。当前显示原文说明。
CruxExperts/LocalSetup62026年10月21日 更新