Explorer les skills

Landing Page Conversion Audit

Autonnel

Audit landing or checkout pages and prioritize potential conversion issues.

• conversion optimization
• Landing page
• marketing

Baseline UI

ibelick

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

• ui design
• frontend

App Ui Design

David-Li0406

design skill for Claude AI. Grade A. Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

• design
• go
• swift

No Design Slops

Meng To

Prevent and remove generic AI-generated design defaults, incoherent visual choices, and established UI defects while creating, revising, or reviewing websites, apps, screenshots, mockups, and design code. Use as a passive quality gate during UI work or for an explicit anti-slop cleanup; preserve the chosen art direction instead of forcing a neutral redesign.

• ui review
• design quality

Web Platform Design Guidelines

ehmo

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.

• web platform
• accessibility

Refactoring UI Design System

wondelai

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

• ui design
• frontend

Vue Pinia Practices

vuejs-ai community

Work with Pinia stores, reactive state and store setup.

• vue
• state management

Improving Animations

Emil Kowalski

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

• web animation
• ui review

Design Critique

Brian (slb2248)

Structure a design critique around context, questions, observations, impact and actionable feedback.

• design critique
• product design

Image to UI by Uizze

UIZZE

Implement an interface from a screenshot or mockup and compare the rendered result with the reference.

• frontend
• image to code

Design Motion Principles

Kyle Zantos

Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.

• motion design
• animation

Prototyping Variants

Emil Kowalski

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

• prototyping
• ui design

Web Accessibility Audit

Addy Osmani

Audit web accessibility using WCAG guidance, keyboard checks and evidence-led issue reporting.

• accessibility
• web
• audit

Vue JSX Practices

vuejs-ai community

Use Vue JSX and understand syntax differences from React JSX.

• vue
• jsx

Apple Design

Emil Kowalski

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

• ui design
• interaction design