{"id":"90f12fa1-7329-4285-911b-ea2962edeeaa","shortId":"NbHqXj","kind":"skill","title":"stitch-ui-design","tagline":"Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.","description":"# Stitch UI Design Prompting\n\nExpert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.\n\n## What is Google Stitch?\n\nGoogle Stitch is an experimental AI UI generator powered by Gemini 2.5 Flash that transforms text prompts and visual references into functional UI designs. It supports:\n\n- Text-to-UI generation from natural language prompts\n- Image-to-UI conversion from sketches, wireframes, or screenshots\n- Multi-screen app flows and responsive layouts\n- Export to HTML/CSS, Figma, and code\n- Iterative refinement with variants and annotations\n\n## Core Prompting Principles\n\n### 1. Be Specific and Detailed\n\nGeneric prompts yield generic results. Specific prompts with clear requirements produce tailored, professional designs.\n\n**Poor prompt:**\n```\nCreate a dashboard\n```\n\n**Effective prompt:**\n```\nMember dashboard with course modules grid, progress tracking bar, \nand community feed sidebar using purple theme and card-based layout\n```\n\n**Why it works:** Specifies components (modules, progress, feed), layout structure (grid, sidebar), visual style (purple theme, cards), and context (member dashboard).\n\n### 2. Define Visual Style and Theme\n\nAlways include color schemes, design aesthetics, and visual direction to avoid generic AI outputs.\n\n**Components to specify:**\n- Color palette (primary colors, accent colors)\n- Design style (minimalist, modern, playful, professional, glassmorphic)\n- Typography preferences (if any)\n- Spacing and density (compact, spacious, balanced)\n\n**Example:**\n```\nE-commerce product page with hero image gallery, add-to-cart CTA, \nreviews section, and related products carousel. Use clean minimalist \ndesign with sage green accents and generous white space.\n```\n\n### 3. Structure Multi-Screen Flows Clearly\n\nFor apps with multiple screens, list each screen as bullet points before generation.\n\n**Approach:**\n```\nFitness tracking app with:\n- Onboarding screen with goal selection\n- Home dashboard with daily stats and activity rings\n- Workout library with category filters\n- Profile screen with achievements and settings\n```\n\nStitch will ask for confirmation before generating multiple screens, ensuring alignment with your vision.\n\n### 4. Specify Platform and Responsive Behavior\n\nIndicate whether the design is for mobile, tablet, desktop, or responsive web.\n\n**Examples:**\n```\nMobile app login screen (iOS style) with email/password fields and social auth buttons\n\nResponsive landing page that adapts from mobile (320px) to desktop (1440px) \nwith collapsible navigation\n```\n\n### 5. Include Functional Requirements\n\nDescribe interactive elements, states, and user flows to generate more complete designs.\n\n**Elements to specify:**\n- Button actions and CTAs\n- Form fields and validation\n- Navigation patterns\n- Loading states\n- Empty states\n- Error handling\n\n**Example:**\n```\nCheckout flow with:\n- Cart summary with quantity adjusters\n- Shipping address form with validation\n- Payment method selection (cards, PayPal, Apple Pay)\n- Order confirmation with tracking number\n```\n\n## Prompt Structure Template\n\nUse this template for comprehensive prompts:\n\n```\n[Screen/Component Type] for [User/Context]\n\nKey Features:\n- [Feature 1 with specific details]\n- [Feature 2 with specific details]\n- [Feature 3 with specific details]\n\nVisual Style:\n- [Color scheme]\n- [Design aesthetic]\n- [Layout approach]\n\nPlatform: [Mobile/Web/Responsive]\n```\n\n**Example:**\n```\nDashboard for SaaS analytics platform\n\nKey Features:\n- Top metrics cards showing MRR, active users, churn rate\n- Line chart for revenue trends (last 30 days)\n- Recent activity feed with user actions\n- Quick action buttons for reports and exports\n\nVisual Style:\n- Dark mode with blue/purple gradient accents\n- Modern glassmorphic cards with subtle shadows\n- Clean data visualization with accessible colors\n\nPlatform: Responsive web (desktop-first)\n```\n\n## Iteration Strategies\n\n### Refine with Annotations\n\nUse Stitch's \"annotate to edit\" feature to make targeted changes without rewriting the entire prompt.\n\n**Workflow:**\n1. Generate initial design from prompt\n2. Annotate specific elements that need changes\n3. Describe modifications in natural language\n4. Stitch updates only the annotated areas\n\n**Example annotations:**\n- \"Make this button larger and use primary color\"\n- \"Add more spacing between these cards\"\n- \"Change this to a horizontal layout\"\n\n### Generate Variants\n\nRequest multiple variations to explore different design directions:\n\n```\nGenerate 3 variants of this hero section:\n1. Image-focused with minimal text\n2. Text-heavy with supporting graphics\n3. Video background with overlay content\n```\n\n### Progressive Refinement\n\nStart broad, then add specificity in follow-up prompts:\n\n**Initial:**\n```\nE-commerce homepage\n```\n\n**Refinement 1:**\n```\nAdd featured products section with 4-column grid and hover effects\n```\n\n**Refinement 2:**\n```\nUpdate color scheme to earth tones (terracotta, sage, cream) \nand add promotional banner at top\n```\n\n## Common Use Cases\n\n### Landing Pages\n\n```\nSaaS landing page for [product name]\n\nSections:\n- Hero with headline, subheadline, CTA, and product screenshot\n- Social proof with customer logos\n- Features grid (3 columns) with icons\n- Testimonials carousel\n- Pricing table (3 tiers)\n- FAQ accordion\n- Footer with links and newsletter signup\n\nStyle: Modern, professional, trust-building\nColors: Navy blue primary, light blue accents, white background\n```\n\n### Mobile Apps\n\n```\nFood delivery app home screen\n\nComponents:\n- Search bar with location selector\n- Category chips (Pizza, Burgers, Sushi, etc.)\n- Restaurant cards with image, name, rating, delivery time, and price range\n- Bottom navigation (Home, Search, Orders, Profile)\n\nStyle: Vibrant, appetite-appealing, easy to scan\nColors: Orange primary, white background, food photography\nPlatform: iOS mobile (375px width)\n```\n\n### Dashboards\n\n```\nAdmin dashboard for content management system\n\nLayout:\n- Left sidebar navigation with collapsible menu\n- Top bar with search, notifications, and user profile\n- Main content area with:\n  - Stats overview (4 metric cards)\n  - Recent posts table with actions\n  - Activity timeline\n  - Quick actions panel\n\nStyle: Clean, data-focused, professional\nColors: Neutral grays with blue accents\nPlatform: Desktop web (1440px)\n```\n\n### Forms and Inputs\n\n```\nMulti-step signup form for B2B platform\n\nSteps:\n1. Account details (company name, email, password)\n2. Company information (industry, size, role)\n3. Team setup (invite members)\n4. Confirmation with success message\n\nFeatures:\n- Progress indicator at top\n- Field validation with inline errors\n- Back/Next navigation\n- Skip option for step 3\n\nStyle: Minimal, focused, low-friction\nColors: White background, green for success states\n```\n\n## Design-to-Code Workflow\n\n### Export Options\n\nStitch provides multiple export formats:\n\n1. **HTML/CSS** - Clean, semantic markup for web projects\n2. **Figma** - \"Paste to Figma\" for design system integration\n3. **Code snippets** - Component-level exports for frameworks\n\n### Best Practices for Export\n\n**Before exporting:**\n- Verify responsive breakpoints\n- Check color contrast for accessibility\n- Ensure interactive states are defined\n- Review component naming and structure\n\n**After export:**\n- Refactor generated code for production standards\n- Add proper semantic HTML tags\n- Implement accessibility attributes (ARIA labels, alt text)\n- Optimize images and assets\n- Add animations and micro-interactions\n\n## Anti-Patterns to Avoid\n\n### ❌ Vague Prompts\n```\nMake a nice website\n```\n\n### ✅ Specific Prompts\n```\nPortfolio website for photographer with full-screen image gallery, \nproject case studies, and contact form. Minimalist black and white \naesthetic with serif typography.\n```\n\n---\n\n### ❌ Missing Context\n```\nCreate a login page\n```\n\n### ✅ Context-Rich Prompts\n```\nLogin page for healthcare portal with email/password fields, \n\"Remember me\" checkbox, \"Forgot password\" link, and SSO options \n(Google, Microsoft). Professional, trustworthy design with \nblue medical theme.\n```\n\n---\n\n### ❌ No Visual Direction\n```\nDesign an app for task management\n```\n\n### ✅ Clear Visual Direction\n```\nTask management app with kanban board layout, drag-and-drop cards, \npriority labels, and due date indicators. Modern, productivity-focused \ndesign with purple/teal gradient accents and dark mode support.\n```\n\n## Tips for Better Results\n\n1. **Reference existing designs** - Upload screenshots or sketches as visual references alongside text prompts\n\n2. **Use design terminology** - Terms like \"hero section,\" \"card layout,\" \"glassmorphic,\" \"bento grid\" help Stitch understand your intent\n\n3. **Specify interactions** - Describe hover states, click actions, and transitions for more complete designs\n\n4. **Think in components** - Break complex screens into reusable components (header, card, form, etc.)\n\n5. **Iterate incrementally** - Make small, focused changes rather than complete redesigns\n\n6. **Test responsiveness** - Always verify designs at multiple breakpoints (mobile, tablet, desktop)\n\n7. **Consider accessibility** - Mention color contrast, font sizes, and touch target sizes in prompts\n\n8. **Leverage variants** - Generate multiple options to explore different design directions quickly\n\n## Integration with Development Workflow\n\n### Stitch → Figma → Code\n1. Generate UI in Stitch with detailed prompts\n2. Export to Figma for design system integration\n3. Hand off to developers with design specs\n4. Implement with production-ready code\n\n### Stitch → HTML → Framework\n1. Generate and refine UI in Stitch\n2. Export HTML/CSS code\n3. Convert to React/Vue/Svelte components\n4. Integrate into application codebase\n\n### Rapid Prototyping\n1. Create multiple screen variations quickly\n2. Test with users or stakeholders\n3. Iterate based on feedback\n4. Finalize design for development\n\n## Conclusion\n\nEffective Stitch prompts are specific, context-rich, and visually descriptive. By following these principles and templates, you can generate professional UI designs that serve as strong foundations for production applications.\n\n**Remember:** Stitch is a starting point, not a final product. Use it to accelerate the design process, explore ideas quickly, and establish visual direction—then refine with human judgment and production standards.\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["stitch","design","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows"],"capabilities":["skill","source-sickn33","skill-stitch-ui-design","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/stitch-ui-design","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34515 github stars · SKILL.md body (10,860 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T12:51:50.482Z","embedding":null,"createdAt":"2026-04-18T21:45:34.022Z","updatedAt":"2026-04-22T12:51:50.482Z","lastSeenAt":"2026-04-22T12:51:50.482Z","tsv":"'1':157,490,600,665,703,917,982,1182,1298,1332,1355 '1440px':409,904 '2':225,495,606,672,716,924,990,1196,1306,1339,1361 '2.5':100 '3':304,500,613,659,679,759,767,930,956,999,1214,1314,1343,1367 '30':537 '320px':406 '375px':846 '4':367,619,709,876,935,1228,1322,1348,1372 '5':413,1242 '6':1253 '7':1265 '8':1279 'acceler':1422 'accent':252,299,559,789,900,1173 'access':570,1021,1046,1267 'accordion':770 'account':918 'achiev':350 'action':29,71,433,544,546,883,887,1221,1453 'activ':340,527,540,884 'adapt':403 'add':282,636,690,704,727,1040,1056 'add-to-cart':281 'address':458 'adjust':456 'admin':849 'aesthet':236,509,1095 'ai':16,58,94,243 'ai-pow':15,57 'align':363 'alongsid':1193 'alt':1050 'alway':231,1256 'analyt':518 'anim':1057 'annot':153,582,586,607,624,627 'anti':1063 'anti-pattern':1062 'app':137,312,327,387,793,796,1140,1149 'appeal':832 'appetit':831 'appetite-app':830 'appl':467 'applic':42,84,1351,1408,1447 'approach':324,511 'area':625,872 'aria':1048 'ask':355,1491 'asset':1055 'attribut':1047 'auth':397 'avoid':241,1066 'b2b':914 'back/next':950 'background':681,791,840,965 'balanc':270 'banner':729 'bar':191,801,863 'base':202,1369 'behavior':372 'bento':1207 'best':1008 'better':1180 'black':1092 'blue':785,788,899,1132 'blue/purple':557 'board':1152 'bottom':822 'boundari':1499 'break':1232 'breakpoint':1016,1261 'broad':688 'build':782 'bullet':320 'burger':808 'button':398,432,547,630 'card':201,220,465,524,562,641,812,878,1158,1204,1239 'card-bas':200 'carousel':291,764 'cart':284,452 'case':734,1086 'categori':345,805 'chang':593,612,642,1248 'chart':532 'check':1017 'checkbox':1119 'checkout':449 'chip':806 'churn':529 'clarif':1493 'clean':293,566,890,984 'clear':170,310,1144,1466 'click':1220 'code':147,973,1000,1036,1297,1328,1342 'codebas':1352 'collaps':411,860 'color':233,248,251,253,506,571,635,718,783,836,895,963,1018,1269 'column':710,760 'commerc':274,700 'common':732 'communiti':193 'compact':268 'compani':920,925 'complet':427,1226,1251 'complex':1233 'compon':208,245,799,1003,1028,1231,1237,1347 'component-level':1002 'comprehens':481 'conclus':1377 'confirm':357,470,936 'consid':1266 'contact':1089 'content':684,852,871 'context':222,1100,1106,1384 'context-rich':1105,1383 'contrast':1019,1270 'convers':128 'convert':1344 'core':154 'cours':186 'craft':8,50 'cream':725 'creat':27,69,178,1101,1356 'criteria':1502 'cta':285,748 'ctas':435 'custom':755 'daili':337 'dark':554,1175 'dashboard':180,184,224,335,515,848,850 'data':567,892 'data-focus':891 'date':1163 'day':538 'defin':226,1026 'deliveri':795,817 'densiti':267 'describ':417,614,1217,1454,1470 'descript':1388 'design':4,19,37,45,61,79,112,175,235,254,295,376,428,508,603,656,971,996,1130,1138,1169,1185,1198,1227,1258,1288,1311,1320,1374,1400,1424 'design-to-cod':970 'desktop':381,408,576,902,1264 'desktop-first':575 'detail':161,493,498,503,919,1304 'develop':1293,1318,1376 'differ':655,1287 'direct':239,657,1137,1146,1289,1432 'drag':1155 'drag-and-drop':1154 'drop':1157 'due':1162 'e':273,699 'e-commerc':272,698 'earth':721 'easi':833 'edit':588 'effect':9,51,181,714,1378 'element':419,429,609 'email':922 'email/password':393,1115 'empti':444 'ensur':362,1022 'entir':597 'environ':1482 'environment-specif':1481 'error':446,949 'establish':1430 'etc':810,1241 'exampl':271,385,448,514,626 'execut':1449 'exist':1184 'experiment':93 'expert':5,47,1487 'explor':654,1286,1426 'export':142,551,975,980,1005,1011,1013,1033,1307,1340 'faq':769 'featur':488,489,494,499,521,589,705,757,940 'feed':194,211,541 'feedback':1371 'field':394,437,945,1116 'figma':145,991,994,1296,1309 'filter':346 'final':1373,1417 'first':577 'fit':325 'flash':101 'flow':138,309,423,450 'focus':668,893,959,1168,1247 'follow':694,1390 'follow-up':693 'font':1271 'food':794,841 'footer':771 'forgot':1120 'form':436,459,905,912,1090,1240 'format':981 'foundat':1405 'framework':1007,1331 'friction':962 'full':1081 'full-screen':1080 'function':110,415 'galleri':280,1084 'gemini':99 'generat':32,74,96,119,323,359,425,601,648,658,1035,1282,1299,1333,1397 'generic':162,165,242 'generous':301 'glassmorph':260,561,1206 'goal':332 'googl':12,22,54,64,87,89,1126 'gradient':558,1172 'graphic':678 'gray':897 'green':298,966 'grid':188,214,711,758,1208 'guidanc':6,48 'hand':1315 'handl':447 'header':1238 'headlin':746 'healthcar':1112 'heavi':675 'help':26,68,1209 'hero':278,663,744,1202 'high':34,76 'high-qual':33,75 'home':334,797,824 'homepag':701 'horizont':646 'hover':713,1218 'html':1043,1330 'html/css':144,983,1341 'human':1436 'icon':762 'idea':1427 'imag':125,279,667,814,1053,1083 'image-focus':666 'image-to-ui':124 'implement':1045,1323 'includ':232,414 'increment':1244 'indic':373,942,1164 'industri':927 'inform':926 'initi':602,697 'inlin':948 'input':907,1496 'integr':998,1291,1313,1349 'intent':1213 'interact':418,1023,1061,1216 'invit':933 'io':390,844 'iter':148,578,1243,1368 'judgment':1437 'kanban':1151 'key':487,520 'lab':23,65 'label':1049,1160 'land':400,735,738 'languag':122,618 'larger':631 'last':536 'layout':141,203,212,510,647,855,1153,1205 'left':856 'level':1004 'leverag':1280 'librari':343 'light':787 'like':1201 'limit':1458 'line':531 'link':773,1122 'list':316 'load':442 'locat':803 'login':388,1103,1109 'logo':756 'low':961 'low-frict':960 'main':870 'make':591,628,1069,1245 'manag':853,1143,1148 'markup':986 'match':1467 'medic':1133 'member':183,223,934 'mention':1268 'menu':861 'messag':939 'method':463 'metric':523,877 'micro':1060 'micro-interact':1059 'microsoft':1127 'minim':670,958 'minimalist':256,294,1091 'miss':1099,1504 'mobil':41,83,379,386,405,792,845,1262 'mobile/web/responsive':513 'mode':555,1176 'modern':257,560,778,1165 'modif':615 'modul':187,209 'mrr':526 'multi':135,307,909 'multi-screen':134,306 'multi-step':908 'multipl':314,360,651,979,1260,1283,1357 'name':742,815,921,1029 'natur':121,617 'navi':784 'navig':412,440,823,858,951 'need':611 'neutral':896 'newslett':775 'nice':1071 'notif':866 'number':473 'onboard':329 'optim':1052 'option':953,976,1125,1284 'orang':837 'order':469,826 'output':244,1476 'overlay':683 'overview':875,1457 'page':276,401,736,739,1104,1110 'palett':249 'panel':888 'password':923,1121 'past':992 'pattern':441,1064 'pay':468 'payment':462 'paypal':466 'permiss':1497 'photograph':1078 'photographi':842 'pizza':807 'platform':369,512,519,572,843,901,915 'play':258 'point':321,1414 'poor':176 'portal':1113 'portfolio':1075 'post':880 'power':17,59,97 'practic':1009 'precis':28,70 'prefer':262 'price':765,820 'primari':250,634,786,838 'principl':156,1392 'prioriti':1159 'process':1425 'produc':172 'product':275,290,706,741,750,1038,1167,1326,1407,1418,1439 'production-readi':1325 'productivity-focus':1166 'profession':174,259,779,894,1128,1398 'profil':347,827,869 'progress':189,210,685,941 'project':989,1085 'promot':728 'prompt':10,30,46,52,72,105,123,155,163,168,177,182,474,482,598,605,696,1068,1074,1108,1195,1278,1305,1380 'proof':753 'proper':1041 'prototyp':1354 'provid':978 'purpl':197,218 'purple/teal':1171 'qualiti':35,77 'quantiti':455 'quick':545,886,1290,1360,1428 'rang':821 'rapid':1353 'rate':530,816 'rather':1249 'react/vue/svelte':1346 'readi':1327 'recent':539,879 'redesign':1252 'refactor':1034 'refer':108,1183,1192 'refin':149,580,686,702,715,1335,1434 'relat':289 'rememb':1117,1409 'report':549 'request':650 'requir':171,416,1495 'respons':140,371,383,399,573,1015,1255 'restaur':811 'result':166,1181 'reusabl':1236 'revenu':534 'review':286,1027,1488 'rewrit':595 'rich':1107,1385 'ring':341 'role':929 'saa':517,737 'safeti':1498 'sage':297,724 'scan':835 'scheme':234,507,719 'scope':1469 'screen':136,308,315,318,330,348,361,389,798,1082,1234,1358 'screen/component':483 'screenshot':133,751,1187 'search':800,825,865 'section':287,664,707,743,1203 'select':333,464 'selector':804 'semant':985,1042 'serif':1097 'serv':1402 'set':352 'setup':932 'shadow':565 'ship':457 'show':525 'sidebar':195,215,857 'signup':776,911 'size':928,1272,1276 'sketch':130,1189 'skill':25,67,1445,1461 'skill-stitch-ui-design' 'skip':952 'small':1246 'snippet':1001 'social':396,752 'source-sickn33' 'space':265,303,638 'spacious':269 'spec':1321 'specif':159,167,492,497,502,608,691,1073,1382,1483 'specifi':207,247,368,431,1215 'sso':1124 'stakehold':1366 'standard':1039,1440 'start':687,1413 'stat':338,874 'state':420,443,445,969,1024,1219 'step':910,916,955 'stitch':2,13,43,55,88,90,353,584,620,977,1210,1295,1302,1329,1338,1379,1410 'stitch-ui-design':1 'stop':1489 'strategi':579 'strong':1404 'structur':213,305,475,1031 'studi':1087 'style':217,228,255,391,505,553,777,828,889,957 'subheadlin':747 'substitut':1479 'subtl':564 'success':938,968,1501 'summari':453 'support':114,677,1177 'sushi':809 'system':854,997,1312 'tabl':766,881 'tablet':380,1263 'tag':1044 'tailor':173 'target':592,1275 'task':1142,1147,1465 'team':931 'templat':476,479,1394 'term':1200 'terminolog':1199 'terracotta':723 'test':1254,1362,1485 'testimoni':763 'text':104,116,671,674,1051,1194 'text-heavi':673 'text-to-ui':115 'theme':198,219,230,1134 'think':1229 'tier':768 'time':818 'timelin':885 'tip':1178 'tone':722 'tool':20,62 'top':522,731,862,944 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'touch':1274 'track':190,326,472 'transform':103 'transit':1223 'treat':1474 'trend':535 'trust':781 'trust-build':780 'trustworthi':1129 'type':484 'typographi':261,1098 'ui':3,18,36,44,60,78,95,111,118,127,1300,1336,1399 'understand':1211 'updat':621,717 'upload':1186 'use':196,292,477,583,633,733,1197,1419,1443,1459 'user':422,528,543,868,1364 'user/context':486 'vagu':1067 'valid':439,461,946,1484 'variant':151,649,660,1281 'variat':652,1359 'verifi':1014,1257 'vibrant':829 'video':680 'vision':366 'visual':107,216,227,238,504,552,568,1136,1145,1191,1387,1431 'web':39,81,384,574,903,988 'websit':1072,1076 'whether':374 'white':302,790,839,964,1094 'width':847 'wirefram':131 'without':594 'work':206 'workflow':599,974,1294,1451 'workout':342 'yield':164","prices":[{"id":"23f404b2-4b62-40fa-8312-e8b68c08f228","listingId":"90f12fa1-7329-4285-911b-ea2962edeeaa","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:45:34.022Z"}],"sources":[{"listingId":"90f12fa1-7329-4285-911b-ea2962edeeaa","source":"github","sourceId":"sickn33/antigravity-awesome-skills/stitch-ui-design","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/stitch-ui-design","isPrimary":false,"firstSeenAt":"2026-04-18T21:45:34.022Z","lastSeenAt":"2026-04-22T12:51:50.482Z"}],"details":{"listingId":"90f12fa1-7329-4285-911b-ea2962edeeaa","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"stitch-ui-design","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34515,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-22T06:40:00Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"b3a1a1e599b5f34fe7369e519933a8079bf26544","skill_md_path":"skills/stitch-ui-design/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/stitch-ui-design"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"stitch-ui-design","description":"Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/stitch-ui-design"},"updatedAt":"2026-04-22T12:51:50.482Z"}}