design

Sterne6

Forks0

Aktualisiert7. April 2026 um 21:33

Create distinctive frontend interfaces, review UI against web guidelines, and build brand identities. USE WHEN building web UI, designing components, pages, landing pages, dashboards, auditing UX/accessibility, reviewing design, creating brand assets, logos, or styling web applications.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

adtechnacity

adtechnacity/atn-claudecode-config

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

GrafikdesignerKunst, Design, Unterhaltung, Sport und Medien·SOC 27-1024

Datei-Explorer

3 Dateien

SKILL.md

readonly

name	design
description	Create distinctive frontend interfaces, review UI against web guidelines, and build brand identities. USE WHEN building web UI, designing components, pages, landing pages, dashboards, auditing UX/accessibility, reviewing design, creating brand assets, logos, or styling web applications.

Design

Frontend design, UI review, and brand identity workflows.

Workflow Routing

Workflow	Trigger	File
Frontend Design	"build a page", "create component", "design UI", styling/beautifying web UI	Use `frontend-design:frontend-design` plugin skill
Audit UI	"review my UI", "check accessibility", "audit design", "review UX"	`workflows/audit-ui.md`
Brand Design	"create brand", "design logo", "brand identity", "visual system"	`workflows/brand-design.md`

Quick Decision

Building new UI? → frontend-design:frontend-design (plugin)
Reviewing existing UI? → audit-ui
Creating brand identity? → brand-design

Mehr aus diesem Repository

gleiches Repository

vercel-react-best-practices

adtechnacity/atn-claudecode-config

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

2026-02-146

patterns

adtechnacity/atn-claudecode-config

Reference patterns for common code structures. USE WHEN building API clients, designing REST/GraphQL APIs, implementing error handling, state management, UI components, or database schemas.

2026-02-106

name	design
description	Create distinctive frontend interfaces, review UI against web guidelines, and build brand identities. USE WHEN building web UI, designing components, pages, landing pages, dashboards, auditing UX/accessibility, reviewing design, creating brand assets, logos, or styling web applications.

Design

Frontend design, UI review, and brand identity workflows.

Workflow Routing

Workflow	Trigger	File
Frontend Design	"build a page", "create component", "design UI", styling/beautifying web UI	Use `frontend-design:frontend-design` plugin skill
Audit UI	"review my UI", "check accessibility", "audit design", "review UX"	`workflows/audit-ui.md`
Brand Design	"create brand", "design logo", "brand identity", "visual system"	`workflows/brand-design.md`

Quick Decision

Building new UI? → frontend-design:frontend-design (plugin)
Reviewing existing UI? → audit-ui
Creating brand identity? → brand-design