| name | ls-frontend-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
