一键在 Manus 中运行任何 Skill

ls-frontend-design

星标3

分支2

更新时间2026年7月3日 07:19

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

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

CruxExperts

CruxExperts/localsetup

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

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

同仓库更多 Skills

同仓库

ls-nodejs-nextjs

CruxExperts/localsetup

Practical Node.js and Next.js project runbook. Use for Node, Next.js, React, package-manager, build, migration, debugging, testing, security, deployment, and version-verification tasks.

2026-07-053

ls-scrapling

CruxExperts/localsetup

Host-first Scrapling integration skill: install or upgrade Scrapling via pipx, run single-URL extractions (simple and structured), and manage adapter and version refresh flows, with Docker as an optional escape hatch.

2026-07-053

ls-shadcn-ui

CruxExperts/localsetup

Project-aware shadcn/ui guide. Use for shadcn setup, components, CLI/MCP, registry, theming, forms, Radix/Base UI, aliases, updates, and troubleshooting in React UI projects.

2026-07-053

ls-workflow-codex-github-issue-goal-loop

CruxExperts/localsetup

Use when running a bounded Codex goal loop over GitHub issues, PRs, and maintenance alerts with explicit approval gates.

2026-07-053

ls-omniroute-admin-automation

CruxExperts/localsetup

Comprehensive OmniRoute administration and automation via Python tooling. Use when you need full API-driven control of providers, nodes, aliases, combos, fallbacks, keys, policies, budgets, backup/restore, sync, resilience, and configuration reconciliation with safety gates.

2026-07-043

ls-omniroute-codex

CruxExperts/localsetup

OmniRoute client onboarding and Codex CLI configuration workflow. Use for setup, launch, Codex profile files, wire_api responses configuration, and safe agent-client registration with OmniRoute.

2026-07-043

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

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"}}

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"}}