スキルを探す

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

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

SwiftUI Expert

Antoine van der Lee

Review and improve SwiftUI state management, layouts, accessibility and performance, with Instruments trace guidance.

• swiftui
• code review

Expo Native UI Guidelines

Expo

Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.

• expo
• react native

Material Design 3

Ivan Morgillo

Apply Material Design 3 guidance to components, themes and layouts, with a primary focus on Jetpack Compose.

• material design
• android

UX Audit

Jezweb

Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sending, observing) before any verdict — a sweep that didn't interact terminates with verdict 'Incomplete'. Walks threads, exercises every element, runs the multi-pane stress matrix, visual polish sweep, component perfection checklist, automated a11y (axe-core), pragmatic performance budget (LCP/CLS/INP), scenario battery (11 scenarios), and stress recipes including the real-flavour data battery. Hard gates: console errors/warnings = 0, network 5xx = 0, layout collapse = 0, axe Critical/Serious = 0, perf budget green. Audit-the-audit meta-check rejects rushed reports. Each finding has reproduction steps, evidence path, and suspected code location. Trigger with 'ux audit', 'walkthrough', 'qa sweep', 'audit the app', 'dogfood this', 'check all pages', 'find what's broken', 'stress the UI'.

• ux research
• accessibility

React-PDF Documents

molefrog

Create reports, invoices and other PDFs with React components, reusable layouts, SVG graphics and controlled page breaks.

• pdf
• react
• document-generation

adaptive

Android

Instructions to make or update an app's UI so that it adapts to different Android devices including phones, tablets, foldables, laptops, desktop, TV, Auto and XR. It includes how to handle different window sizes, pointing devices (such as mouse) and text entry devices (such as keyboard) using the Compose MediaQuery API. It also covers multi-pane layouts using Navigation3 Scenes, adaptive UI components (such as buttons) with varying target sizes, and adaptive layouts (including navigation areas - nav rails and nav bars) using the Compose Grid and FlexBox APIs.

• android
• jetpack compose

UI Craft

educlopez

Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.

• ui design
• frontend

fixing-motion-performance

ibelick

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

• web animation
• performance

How to Create Cursor Commands — Skill with Examples (Grade A) | Skills Directory

pr-pm

A security-scanned skill for authoring custom Cursor commands: file layout, triggers, and working examples your agent can apply directly.

• development
• javascript
• typescript

swiftui-design-skill

Wholiver

design skill for Claude AI. Grade A. SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

• design
• go
• swift

React Email Templates

Resend

Create component-based HTML emails with React Email, reusable layout and styling, local previews, and rendered output for a sending provider.

• react-email
• html-email
• react