SkillsAdd

Source

arnavpuri/designskills

28 skills · 1K combined installs

Skills from this source

#
Skill
Source
8W Activity
Installs
1
social-media-graphic Platform-specific social media graphic design via AI image generation and code generation. Generates correctly-sized …
arnavpuri/designskills
50
2
design-context Foundational design context skill. Establishes brand identity, color system, typography, design style, and audience p…
arnavpuri/designskills
48
3
dashboard-design Data dashboard and admin panel design patterns for information-dense interfaces. Trigger: user asks to "build a dashb…
arnavpuri/designskills
46
4
graphic-design Core graphic design skill for generating eye-catching visuals via Gemini 3.1 Flash image generation and/or HTML/CSS/S…
arnavpuri/designskills
45
5
poster-design Event posters, promotional flyers, and announcement design via AI image generation and code generation. Covers compos…
arnavpuri/designskills
45
6
layout-composition Grid systems, visual hierarchy, and modern layout patterns for web design. Trigger phrases: "layout", "grid", "bento …
arnavpuri/designskills
43
7
product-mockup Product mockup and showcase design via AI image generation and code generation. Device frames, 3D CSS transforms, lif…
arnavpuri/designskills
42
8
design-critique Evaluate and improve existing designs with structured analysis and actionable code fixes. Trigger phrases: "design cr…
arnavpuri/designskills
40
9
mobile-ui-design Mobile-first interface design for touch-optimized, native-feeling web and app UIs. Trigger: user asks to "design for …
arnavpuri/designskills
39
10
motion-design Animation and micro-interactions for UI: easing, transitions, scroll animations, and performance. Trigger phrases: "a…
arnavpuri/designskills
39
11
typography Master typography for web: type scales, font pairing, responsive text, and text effects. Trigger phrases: "typography…
arnavpuri/designskills
38
12
banner-design Website banners, email headers, event banners, and hero sections via AI image generation and code generation. Covers …
arnavpuri/designskills
37
13
ad-creative-design Ad banners and display ad creative design via AI image generation and code generation. Covers IAB standard sizes, CTA…
arnavpuri/designskills
36
14
card-design Card-based layout patterns including product cards, feature cards, and interactive cards. Trigger: user asks to "desi…
arnavpuri/designskills
36
15
image-generation Foundational skill for AI-powered image generation using Gemini 3.1 Flash Image Preview. Handles text-to-image, image…
arnavpuri/designskills
36
16
color-palette Generate beautiful, accessible color palettes and color systems. Trigger phrases: "color palette", "brand colors", "c…
arnavpuri/designskills
35
17
infographic Data visualization and infographic design via AI image generation and code generation. Process flows, comparison char…
arnavpuri/designskills
35
18
hero-section Above-the-fold hero section patterns with production-ready code examples. Trigger: user asks to "create a hero", "bui…
arnavpuri/designskills
34
19
brand-identity Build complete visual identity systems: logos, brand colors, typography, and brand guidelines. Trigger phrases: "bran…
arnavpuri/designskills
33
20
dark-mode Dark theme design patterns with proper color adaptation, surface hierarchy, and CSS implementation. Trigger: user ask…
arnavpuri/designskills
33
21
thumbnail-design YouTube thumbnails, video covers, and article header images via AI image generation and code generation. Optimized fo…
arnavpuri/designskills
33
22
ui-design Core UI design patterns and component architecture for building polished interfaces. Trigger: user asks to "design a …
arnavpuri/designskills
33
23
design-system Build systematic component libraries with design tokens, theming, and composable patterns. Trigger phrases: "design s…
arnavpuri/designskills
32
24
email-design HTML email template design with cross-client compatibility and responsive patterns. Trigger: user asks to "design an …
arnavpuri/designskills
32
25
icon-design Design consistent icon systems with SVG: grids, styles, animation, and accessibility. Trigger phrases: "icon design",…
arnavpuri/designskills
32
26
image-treatment Photo effects, image composition, and visual treatments with CSS and SVG. Trigger phrases: "image effect", "photo fil…
arnavpuri/designskills
32
27
presentation-design Design slide decks and presentations with HTML/CSS: layouts, typography, data visualization, and transitions. Trigger…
arnavpuri/designskills
32
28
landing-page-design High-converting landing page design with proven section frameworks and conversion patterns. Trigger: user asks to "bu…
arnavpuri/designskills
31