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(원문)
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
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일 업데이트