Loading...
Loading...
Found 363 Skills
CLI for moving AI-generated UI designs from Google's Stitch platform into development workflows with local preview, site generation, and agent integration.
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
SAP Fiori design guidelines for building enterprise applications. Use this skill when designing, building, or reviewing SAP Fiori applications, implementing SAPUI5 or UI5 Web Components, working with SAP enterprise UX patterns, or needing guidance on buttons, forms, tables, object pages, list reports, navigation, messaging, colors, typography, accessibility, AI/Joule integration, or any SAP Fiori UI element. Triggers on mentions of Fiori, SAPUI5, UI5, SAP UX, SAP design system, or enterprise application design following SAP standards.
Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.
Apply UX psychology effects to UI design. Automatically reference when designing landing pages, pricing tables, onboarding flows, and CTAs.
Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views. Use this skill when the user says "should I use an alert or a sheet," "how do I show a confirmation dialog," "when should I use a popover," "my modals are annoying users," or asks about alert design, action sheet, popover, sheet, modal, dialog, digit entry, confirmation dialog, warning dialog, modal presentation, non-modal content, destructive action confirmation, or overlay UI patterns. Cross-references: hig-components-menus, hig-components-controls, hig-components-search, hig-patterns.
Search UX, filter patterns, sort options, and empty states. Use when building search interfaces or filterable lists.
Expert guidance for building Material 3 Expressive (M3E) Flutter apps. Use when implementing expressive motion, dynamic shapes, and premium components like FAB menus and toolbars.
Pencil Design Skill for Team Workflows (Phase 2). Produce design.pen (or declare no UI design) based on requirements and plans, and prepare G2 design review materials.
Comprehensive UI and UX design principles for software development. This skill should be used when designing interfaces, implementing user interactions, ensuring accessibility, optimizing performance, and creating responsive layouts. Triggers on tasks involving UI components, user experience flows, accessibility requirements, responsive design, or design system implementation.
Build and audit Linear/Vercel/Notion-quality UI. Covers color systems, motion, progressive disclosure, keyboard-first design, layout architecture, surface elevation, information density, micro-interactions, and state handling. Use when building UI components, reviewing design quality, creating pages, or when the user asks for a design review.
Avoid AI-specific "generic designs (AI slop)" and build original, polished UIs. Applicable when implementing frontends for landing pages, dashboards, and apps.