---
name: ls-frontend-visual-design
description: Guides distinctive, intentional frontend visual design. Use when shaping
  UI aesthetics, typography, layout, color, interaction polish, or design critique.
metadata:
  version: '1.0'
extensions:
  external_skill:
    source_kind: native-reference
    source_url: https://github.com/anthropics/skills
    source_path: skills/frontend-design/SKILL.md
    source_commit: 9d2f1ae187231d8199c64b5b762e1bdf2244733d
    source_ref: main
    source_sha256: 1608ea77fbb6fc30d13a97d12cfa8ebf31358d40f0dd97beed24829d6b3f45dd
    license: NO_REPO_LICENSE_FOUND
    import_date: '2026-07-03'
    vetting_status: provenance-recorded-no-bundled-tooling-executed
---

# 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`