Stats
Actions
Tags
Creates distinctive frontend UIs, reviews against web guidelines and accessibility, builds brand identities and logos. For web UI/components/pages, UX audits, styling apps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/atn-claudecode-config:designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Frontend design, UI review, and brand identity workflows.
Frontend design, UI review, and brand identity workflows.
| 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 |
frontend-design:frontend-design (plugin)audit-uibrand-designnpx claudepluginhub adtechnacity/atn-claudecode-configCreates distinctive visual identities for new UIs like landing pages, marketing sites, prototypes, or greenfield frontend projects without design systems. Builds on frontend-design with unique typography, color palettes, and memorable elements.
Designs distinctive, non-generic web UIs using a strategy-first approach: define brand identity, typography, color system, then craft layout, components, motion, and accessibility. Activates on build/design requests to avoid AI-default aesthetics.