본문으로 건너뛰기
cccskills
무료GitHub에 공개

ls-frontend-visual-design

Guides distinctive, intentional frontend visual design. Use when shaping UI aesthetics, typography, layout, color, interaction polish, or design critique.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md2.1 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Frontend Visual Design

Use this skill when working on frontend visual design tasks.

Workflow

  • Start from the product domain and user workflow before choosing visual style.
  • Prefer existing design-system conventions in established apps; avoid decorative novelty that hurts task flow.
  • Check responsive typography, spacing, focus states, empty states, and dense operational screens for clarity.
  • Use source material as inspiration only; do not copy unlicensed upstream text or assets.

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.

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: main at 9d2f1ae187231d8199c64b5b762e1bdf2244733d
  • Source path: skills/frontend-design/SKILL.md
  • License classification: NO_REPO_LICENSE_FOUND
  • Source SHA-256: 1608ea77fbb6fc30d13a97d12cfa8ebf31358d40f0dd97beed24829d6b3f45dd

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Guide accessibility reviews for UI, documents, and workflows. Use for WCAG-oriented audits, keyboard review, semantics, contrast, and remediation planning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

CruxExperts/LocalSetup62026년 10월 21일 업데이트

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일 업데이트

CruxExperts의 스킬 모두 보기

이 스킬의 문제 신고