Skip to content
Back to skills

Ls Frontend Visual Design

ASecurity

Guides distinctive, intentional frontend visual design. Use when shaping

  • 6 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added November 7, 2026
ai-agentsgitapifrontend

Works with

  • api

Security analysis

A100/100

Scanned November 7, 2026

npx -y skills add CruxExperts/LocalSetup --skill ls-frontend-visual-design --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Ls Frontend Visual Design?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Ls Frontend Visual Design
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/cruxexperts-ls-frontend-visual-design/badge)](https://www.skillsdirectory.com/skills/cruxexperts-ls-frontend-visual-design)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
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`

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.