ワンクリックでManusで任意のスキルを実行

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 リポジトリを開く Creator のリポジトリを見る

ダウンロード

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