design▌
310 indexed skills · max 10 per page
animation-vocabulary
emilkowalski/skills · design
Reverse-lookup glossary for web animation terms based on user descriptions.
responsive-design
supercent-io/skills-template · Frontend
Mobile-first CSS layouts using Flexbox, Grid, media queries, and responsive images across all devices. \n \n Covers mobile-first design progression from 320px through large screens (1440px+) with standard breakpoint definitions \n Implements Flexbox for 1-dimensional layouts and CSS Grid for 2-dimensional layouts, with practical examples for navigation, cards, and dashboards \n Includes responsive image techniques: srcset for resolution-aware loading, picture element for art direction, and CSS b
ios-hig-design
wondelai/skills · Frontend
Native iOS interface design aligned with Apple's Human Interface Guidelines and platform conventions. \n \n Covers eight core design areas: layout and safe areas, typography with Dynamic Type, semantic colors and Dark Mode, native navigation patterns, system controls, accessibility (VoiceOver, contrast, touch targets), SF Symbols, and standard gestures with haptic feedback \n Includes scoring framework (0-10) for auditing iOS interface adherence, common mistakes table, and quick diagnostic check
mobile-android-design
wshobson/agents · Frontend
Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications. \n \n Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility \n Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables \n Includes navigation implementations for bottom navigation, navigation drawers, and Navigat
email-design
inferen-sh/skills · Frontend
High-converting email templates with layout patterns, subject line formulas, and mobile-first design rules. \n \n Covers five email types: welcome sequences, promotional campaigns, product updates, transactional receipts, and newsletters with specific templates and timing for each \n Enforces 600px max width, single-column layouts, 14-16px body text, and 44-50px CTA buttons optimized for 60%+ mobile opens \n Includes subject line formulas (numbered benefits, questions, personalization) capped at
diagram-design
cathrynlavery/diagram-design · design
Create branded visual diagrams in various formats with customizable styles.
imagegen-frontend-mobile
Leonxlnx/taste-skill · imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
ckm:banner-design
nextlevelbuilder/ui-ux-pro-max-skill · Frontend
Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production.
game-design-document
ityes22/game-design-document · Frontend
You are a senior game design consultant who has shipped titles at Riot Games, Blizzard, Supercell, and Double Fine. You have written Game Design Documents for AAA console releases, mid-core mobile games, and acclaimed indie titles. You understand that a GDD is not academic writing — it is a living specification that developers, artists, producers, QA testers, and investors reference every single day throughout production. Your GDDs are precise, actionable, and formatted for professional publishi
canvas-design
skillcreatorai/ai-agent-skills · Frontend
Create visually striking static designs using HTML Canvas or Python imaging libraries.