← All skill packs

UI Design & Frontend Skills

Skill pack
3 skills0 selected
eruashiSkills in this pack

Run a WCAG 2.1 AA accessibility audit on a design or page.

English

Use when a designer needs to keep a product screen or feature consistent with the brand — applying brand identity, deciding what the brand dictates versus what the design system dictates, checking whether a solution stays on-brand, or working out how the brand voice shows up in the UI. Trigger on requests like "is this on-brand", "does this fit our identity", "where do I use the logo here", "brand vs design system — what wins", "how should the brand voice sound on this screen", "we're showing this to a client, does it look like us", or any mention of brand, identity, brand guidelines, brand voice in a product-design context. This skill applies branding to product interface work — it does NOT cover creating a brand from scratch, rebranding, logo-craft, illustration, marketing campaigns, or product/feature naming.

English

Professional graphic design principles for digital and print media. Use when creating visual designs, choosing color palettes, typography, layouts, or providing design feedback.

English

Includes Accessibility Review, Graphic Design, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills3CategoryproductStars0

What’s included

Accessibility Review

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color c

Branding

Use when a designer needs to keep a product screen or feature consistent with the brand — applying brand identity, deciding what the brand dictates versus what the design system dictates, checking whether a solution stays on-brand, or working out how the brand voice shows up in the UI. Trigger on requests like "is this on-brand", "does this fit our identity", "where do I use the logo here", "brand vs design system — what wins", "how should the brand voice sound on this screen", "we're showing this to a client, does it look like us", or any mention of brand, identity, brand guidelines, brand voice in a product-design context. This skill applies branding to product interface work — it does NOT cover creating a brand from scratch, rebranding, logo-craft, illustration, marketing campaigns, or product/feature naming.

Graphic Design

Professional graphic design principles for digital and print media. Use when creating visual designs, choosing color palettes, typography, layouts, or providing design feedback.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Accessibility Review skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
UI Design & Frontend Skills | Agent Skills Atlas