{"id":"e7a507ed-c92d-4766-898b-bed6175a3393","shortId":"96afsB","kind":"skill","title":"stitch-design-taste","tagline":"Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.","description":"# Stitch Design Taste — Semantic Design System Skill\n\n## When to Use\n\n- Use when the user wants a Google Stitch-compatible DESIGN.md or semantic design system for AI screen generation.\n- Use when translating premium frontend taste rules into Stitch-friendly visual descriptions, color roles, typography specs, and component behavior.\n- Use when the design system must prevent generic AI UI patterns before screens are generated.\n\n## Limitations\n\n- This skill produces semantic design-system guidance for Stitch; it does not guarantee Stitch will render every constraint exactly.\n- Generated `DESIGN.md` files still require review against the actual product brief, brand constraints, accessibility needs, and screen content.\n- Motion sections document implementation intent for later coding agents because Stitch itself may generate static screens.\n\n\n## Overview\nThis skill generates `DESIGN.md` files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces.\n\nThe generated `DESIGN.md` serves as the **single source of truth** for prompting Stitch to generate new screens that align with a curated, high-agency design language. Stitch interprets design through **\"Visual Descriptions\"** supported by specific color values, typography specs, and component behaviors.\n\n## Prerequisites\n- Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch)\n- Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI\n\n## The Goal\nGenerate a `DESIGN.md` file that encodes:\n1. **Visual atmosphere** — the mood, density, and design philosophy\n2. **Color calibration** — neutrals, accents, and banned patterns with hex codes\n3. **Typographic architecture** — font stacks, scale hierarchy, and anti-patterns\n4. **Component behaviors** — buttons, cards, inputs with interaction states\n5. **Layout principles** — grid systems, spacing philosophy, responsive strategy\n6. **Motion philosophy** — animation engine specs, spring physics, perpetual micro-interactions\n7. **Anti-patterns** — explicit list of banned AI design clichés\n\n## Analysis & Synthesis Instructions\n\n### 1. Define the Atmosphere\nEvaluate the target project's intent. Use evocative adjectives from the taste spectrum:\n- **Density:** \"Art Gallery Airy\" (1–3) → \"Daily App Balanced\" (4–7) → \"Cockpit Dense\" (8–10)\n- **Variance:** \"Predictable Symmetric\" (1–3) → \"Offset Asymmetric\" (4–7) → \"Artsy Chaotic\" (8–10)\n- **Motion:** \"Static Restrained\" (1–3) → \"Fluid CSS\" (4–7) → \"Cinematic Choreography\" (8–10)\n\nDefault baseline: Variance 8, Motion 6, Density 4. Adapt dynamically based on user's vibe description.\n\n### 2. Map the Color Palette\nFor each color provide: **Descriptive Name** + **Hex Code** + **Functional Role**.\n\n**Mandatory constraints:**\n- Maximum 1 accent color. Saturation below 80%\n- The \"AI Purple/Blue Neon\" aesthetic is strictly BANNED — no purple button glows, no neon gradients\n- Use absolute neutral bases (Zinc/Slate) with high-contrast singular accents\n- Stick to one palette for the entire output — no warm/cool gray fluctuation\n- Never use pure black (`#000000`) — use Off-Black, Zinc-950, or Charcoal\n\n### 3. Establish Typography Rules\n- **Display/Headlines:** Track-tight, controlled scale. Not screaming. Hierarchy through weight and color, not just massive size\n- **Body:** Relaxed leading, max 65 characters per line\n- **Font Selection:** `Inter` is BANNED for premium/creative contexts. Force unique character: `Geist`, `Outfit`, `Cabinet Grotesk`, or `Satoshi`\n- **Serif Ban:** Generic serif fonts (`Times New Roman`, `Georgia`, `Garamond`, `Palatino`) are BANNED. If serif is needed for editorial/creative contexts, use only distinctive modern serifs: `Fraunces`, `Gambarino`, `Editorial New`, or `Instrument Serif`. Serif is always BANNED in dashboards or software UIs\n- **Dashboard Constraint:** Use Sans-Serif pairings exclusively (`Geist` + `Geist Mono` or `Satoshi` + `JetBrains Mono`)\n- **High-Density Override:** When density exceeds 7, all numbers must use Monospace\n\n### 4. Define the Hero Section\nThe Hero is the first impression and must be creative, striking, and never generic:\n- **Inline Image Typography:** Embed small, contextual photos or visuals directly between words or letters in the headline. Images sit inline at type-height, rounded, acting as visual punctuation. This is the signature creative technique\n- **No Overlapping:** Text must never overlap images or other text. Every element occupies its own clean spatial zone\n- **No Filler Text:** \"Scroll to explore\", \"Swipe down\", scroll arrow icons, bouncing chevrons are BANNED. The content should pull users in naturally\n- **Asymmetric Structure:** Centered Hero layouts BANNED when variance exceeds 4\n- **CTA Restraint:** Maximum one primary CTA. No secondary \"Learn more\" links\n\n### 5. Describe Component Stylings\nFor each component type, describe shape, color, shadow depth, and interaction behavior:\n- **Buttons:** Tactile push feedback on active state. No neon outer glows. No custom mouse cursors\n- **Cards:** Use ONLY when elevation communicates hierarchy. Tint shadows to background hue. For high-density layouts, replace cards with border-top dividers or negative space\n- **Inputs/Forms:** Label above input, helper text optional, error text below. Standard gap spacing\n- **Loading States:** Skeletal loaders matching layout dimensions — no generic circular spinners\n- **Empty States:** Composed compositions indicating how to populate data\n- **Error States:** Clear, inline error reporting\n\n### 6. Define Layout Principles\n- No overlapping elements — every element occupies its own clear spatial zone. No absolute-positioned content stacking\n- Centered Hero sections are BANNED when variance exceeds 4 — force Split Screen, Left-Aligned, or Asymmetric Whitespace\n- The generic \"3 equal cards horizontally\" feature row is BANNED — use 2-column Zig-Zag, asymmetric grid, or horizontal scroll\n- CSS Grid over Flexbox math — never use `calc()` percentage hacks\n- Contain layouts using max-width constraints (e.g., 1400px centered)\n- Full-height sections must use `min-h-[100dvh]` — never `h-screen` (iOS Safari catastrophic jump)\n\n### 7. Define Responsive Rules\nEvery design must work across all viewports:\n- **Mobile-First Collapse (< 768px):** All multi-column layouts collapse to single column. No exceptions\n- **No Horizontal Scroll:** Horizontal overflow on mobile is a critical failure\n- **Typography Scaling:** Headlines scale via `clamp()`. Body text minimum `1rem`/`14px`\n- **Touch Targets:** All interactive elements minimum `44px` tap target\n- **Image Behavior:** Inline typography images (photos between words) stack below headline on mobile\n- **Navigation:** Desktop horizontal nav collapses to clean mobile menu\n- **Spacing:** Vertical section gaps reduce proportionally (`clamp(3rem, 8vw, 6rem)`)\n\n### 8. Encode Motion Philosophy\n- **Spring Physics default:** `stiffness: 100, damping: 20` — premium, weighty feel. No linear easing\n- **Perpetual Micro-Interactions:** Every active component should have an infinite loop state (Pulse, Typewriter, Float, Shimmer)\n- **Staggered Orchestration:** Never mount lists instantly — use cascade delays for waterfall reveals\n- **Performance:** Animate exclusively via `transform` and `opacity`. Never animate `top`, `left`, `width`, `height`. Grain/noise filters on fixed pseudo-elements only\n\n### 9. List Anti-Patterns (AI Tells)\nEncode these as explicit \"NEVER DO\" rules in the DESIGN.md:\n- No emojis anywhere\n- No `Inter` font\n- No generic serif fonts (`Times New Roman`, `Georgia`, `Garamond`) — distinctive modern serifs only if needed\n- No pure black (`#000000`)\n- No neon/outer glow shadows\n- No oversaturated accents\n- No excessive gradient text on large headers\n- No custom mouse cursors\n- No overlapping elements — clean spatial separation always\n- No 3-column equal card layouts\n- No generic names (\"John Doe\", \"Acme\", \"Nexus\")\n- No fake round numbers (`99.99%`, `50%`)\n- No AI copywriting clichés (\"Elevate\", \"Seamless\", \"Unleash\", \"Next-Gen\")\n- No filler UI text: \"Scroll to explore\", \"Swipe down\", scroll arrows, bouncing chevrons\n- No broken Unsplash links — use `picsum.photos` or SVG avatars\n- No centered Hero sections (for high-variance projects)\n\n## Output Format (DESIGN.md Structure)\n\n```markdown\n# Design System: [Project Title]\n\n## 1. Visual Theme & Atmosphere\n(Evocative description of the mood, density, variance, and motion intensity.\nExample: \"A restrained, gallery-airy interface with confident asymmetric layouts\nand fluid spring-physics motion. The atmosphere is clinical yet warm — like a\nwell-lit architecture studio.\")\n\n## 2. Color Palette & Roles\n- **Canvas White** (#F9FAFB) — Primary background surface\n- **Pure Surface** (#FFFFFF) — Card and container fill\n- **Charcoal Ink** (#18181B) — Primary text, Zinc-950 depth\n- **Muted Steel** (#71717A) — Secondary text, descriptions, metadata\n- **Whisper Border** (rgba(226,232,240,0.5)) — Card borders, 1px structural lines\n- **[Accent Name]** (#XXXXXX) — Single accent for CTAs, active states, focus rings\n(Max 1 accent. Saturation < 80%. No purple/neon.)\n\n## 3. Typography Rules\n- **Display:** [Font Name] — Track-tight, controlled scale, weight-driven hierarchy\n- **Body:** [Font Name] — Relaxed leading, 65ch max-width, neutral secondary color\n- **Mono:** [Font Name] — For code, metadata, timestamps, high-density numbers\n- **Banned:** Inter, generic system fonts for premium contexts. Serif fonts banned in dashboards.\n\n## 4. Component Stylings\n* **Buttons:** Flat, no outer glow. Tactile -1px translate on active. Accent fill for primary, ghost/outline for secondary.\n* **Cards:** Generously rounded corners (2.5rem). Diffused whisper shadow. Used only when elevation serves hierarchy. High-density: replace with border-top dividers.\n* **Inputs:** Label above, error below. Focus ring in accent color. No floating labels.\n* **Loaders:** Skeletal shimmer matching exact layout dimensions. No circular spinners.\n* **Empty States:** Composed, illustrated compositions — not just \"No data\" text.\n\n## 5. Layout Principles\n(Grid-first responsive architecture. Asymmetric splits for Hero sections.\nStrict single-column collapse below 768px. Max-width containment.\nNo flexbox percentage math. Generous internal padding.)\n\n## 6. Motion & Interaction\n(Spring physics for all interactive elements. Staggered cascade reveals.\nPerpetual micro-loops on active dashboard components. Hardware-accelerated\ntransforms only. Isolated Client Components for CPU-heavy animations.)\n\n## 7. Anti-Patterns (Banned)\n(Explicit list of forbidden patterns: no emojis, no Inter, no pure black,\nno neon glows, no 3-column equal grids, no AI copywriting clichés,\nno generic placeholder names, no broken image links.)\n```\n\n## Best Practices\n- **Be Descriptive:** \"Deep Charcoal Ink (#18181B)\" — not just \"dark text\"\n- **Be Functional:** Explain what each element is used for\n- **Be Consistent:** Same terminology throughout the document\n- **Be Precise:** Include exact hex codes, rem values, pixel values in parentheses\n- **Be Opinionated:** This is not a neutral template — it enforces a specific, premium aesthetic\n\n## Tips for Success\n1. Start with the atmosphere — understand the vibe before detailing tokens\n2. Look for patterns — identify consistent spacing, sizing, and styling\n3. Think semantically — name colors by purpose, not just appearance\n4. Consider hierarchy — document how visual weight communicates importance\n5. Encode the bans — anti-patterns are as important as the rules themselves\n\n## Common Pitfalls to Avoid\n- Using technical jargon without translation (\"rounded-xl\" instead of \"generously rounded corners\")\n- Omitting hex codes or using only descriptive names\n- Forgetting functional roles of design elements\n- Being too vague in atmosphere descriptions\n- Ignoring the anti-pattern list — these are what make the output premium\n- Defaulting to generic \"safe\" designs instead of enforcing the curated aesthetic","tags":["stitch","design","taste","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding"],"capabilities":["skill","source-sickn33","skill-stitch-design-taste","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-design-taste","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 (12,229 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.361Z","embedding":null,"createdAt":"2026-04-18T21:45:32.529Z","updatedAt":"2026-04-22T12:51:50.361Z","lastSeenAt":"2026-04-22T12:51:50.361Z","tsv":"'-1':1379 '-950':492,1280 '/stitch](https://labs.google.com/stitch)':249 '0.5':1295 '000000':486,1118 '1':271,346,367,381,394,438,1213,1313,1606 '10':377,390,403 '100':1018 '100dvh':911 '1400px':900 '14px':968 '18181b':1276,1556 '1px':1298 '1rem':967 '2':280,420,872,1257,1617 '2.5':1395 '20':1020 '226':1292 '232':1293 '240':1294 '3':291,368,382,395,495,863,1145,1319,1533,1627 '3rem':1007 '4':302,372,385,398,411,610,713,851,1370,1637 '44px':975 '5':311,725,1448,1646 '50':1162 '6':320,409,822,1479 '65':520 '65ch':1339 '6rem':1009 '7':332,373,386,399,604,920,1512 '71717a':1284 '768px':935,1467 '8':376,389,402,407,1010 '80':443,1316 '8vw':1008 '9':1077 '99.99':1161 'absolut':460,839 'absolute-posit':838 'acceler':1501 'accent':284,439,469,1125,1301,1305,1314,1384,1423 'access':123,242 'acm':1155 'across':928 'act':654 'activ':746,1032,1308,1383,1496 'actual':118 'adapt':412 'adject':358 'aesthet':448,1602,1720 'agenc':222 'agent':136,188 'ai':51,82,187,340,445,1082,1164,1538 'airi':366,1232 'align':216,857 'alway':575,1143 'analysi':343 'anim':323,1057,1064,1511 'anti':21,163,300,334,1080,1514,1651,1700 'anti-gener':20 'anti-pattern':299,333,1079,1513,1650,1699 'anti-slop':162 'antigrav':259 'anywher':1096 'app':370 'appear':1636 'architectur':293,1255,1455 'arrow':691,1183 'art':364 'artsi':387 'asymmetr':384,704,859,877,1236,1456 'atmospher':273,349,1216,1245,1610,1695 'avatar':1194 'avoid':1663 'background':766,1265 'balanc':371 'ban':286,339,451,528,542,553,576,696,709,847,870,1357,1367,1516,1649 'base':414,462 'baselin':405 'battl':160 'battle-test':159 'behavior':73,240,304,740,979 'best':1549 'black':485,490,1117,1528 'bodi':516,964,1334 'border':777,1290,1297,1412 'border-top':776,1411 'bounc':693,1184 'brand':121 'brief':120 'broken':1187,1546 'button':305,454,741,1373 'cabinet':537 'calc':889 'calibr':282 'canva':1261 'card':306,756,774,865,1148,1270,1296,1391 'cascad':1051,1489 'catastroph':918 'center':706,843,901,1196 'chaotic':388 'charact':521,534 'charcoal':494,1274,1554 'chevron':694,1185 'choreographi':401 'cinemat':400 'circular':805,1436 'clamp':963,1006 'clean':679,997,1140 'clear':818,834 'cli':262 'cliché':342,1166,1540 'client':1505 'clinic':1247 'cockpit':374 'code':135,290,432,1350,1582,1679 'collaps':934,941,995,1465 'color':15,67,234,281,423,427,440,511,735,1258,1345,1424,1631 'column':873,939,944,1146,1464,1534 'common':1660 'communic':761,1644 'compat':44 'compon':72,239,303,727,731,1033,1371,1498,1506 'compos':809,1440 'composit':810,1442 'confid':1235 'consid':1638 'consist':1571,1622 'constraint':108,122,436,583,898 'contain':892,1272,1471 'content':127,698,841 'context':531,560,1364 'contextu':634 'contrast':467 'control':503,1328 'copywrit':1165,1539 'corner':1394,1676 'cpu':1509 'cpu-heavi':1508 'creativ':624,662 'critic':956 'css':397,882 'cta':714,719 'ctas':1307 'curat':219,1719 'cursor':258,755,1136 'custom':753,1134 'daili':369 'damp':1019 'dark':1559 'dashboard':578,582,1369,1497 'data':815,1446 'deep':1553 'default':404,1016,1710 'defin':347,611,823,921 'delay':1052 'dens':375 'densiti':276,363,410,599,602,771,1222,1355,1408 'depth':737,1281 'describ':726,733 'descript':66,175,230,419,429,1218,1287,1552,1683,1696 'design':3,26,29,48,77,95,173,223,227,278,341,925,1209,1689,1714 'design-system':94 'design.md':10,45,111,148,200,267,1093,1206 'desktop':992 'detail':1615 'diffus':1397 'dimens':802,1434 'direct':167,638 'display':1322 'display/headlines':499 'distinct':563,1109 'divid':779,1414 'document':130,1576,1640 'doe':1154 'driven':1332 'dynam':413 'e.g':899 'eas':1026 'editori':568 'editorial/creative':559 'element':675,828,830,973,1075,1139,1487,1566,1690 'elev':760,1167,1403 'emb':632 'emoji':1095,1523 'empti':807,1438 'encod':270,1011,1084,1647 'enforc':1598,1717 'engin':166,324 'entir':476 'equal':864,1147,1535 'error':790,816,820,1418 'establish':496 'evalu':350 'everi':107,674,829,924,1031 'evoc':357,1217 'exact':109,1432,1580 'exampl':1227 'exceed':603,712,850 'except':946 'excess':1127 'exclus':589,1058 'explain':1563 'explicit':336,1087,1517 'explor':687,1179 'f9fafb':1263 'failur':957 'fake':1158 'featur':867 'feedback':744 'feel':1023 'ffffff':1269 'file':112,149,268 'fill':1273,1385 'filler':683,1174 'filter':1070 'first':619,933,1453 'fix':1072 'flat':1374 'flexbox':885,1473 'float':1042,1426 'fluctuat':481 'fluid':396,1239 'focus':1310,1420 'font':294,524,545,1099,1103,1323,1335,1347,1361,1366 'forbidden':1520 'forc':532,852 'forget':1685 'format':1205 'fraunc':566 'friend':64 'frontend':58,165 'full':903 'full-height':902 'function':433,1562,1686 'galleri':365,1231 'gallery-airi':1230 'gambarino':567 'gap':794,1003 'garamond':550,1108 'geist':535,590,591 'gemini':261 'gen':1172 'generat':7,53,88,110,141,147,155,199,212,265 'generic':22,81,196,543,628,804,862,1101,1151,1359,1542,1712 'generous':1392,1476,1674 'georgia':549,1107 'ghost/outline':1388 'glow':455,751,1121,1377,1531 'goal':264 'googl':8,41,152,244 'gradient':458,1128 'grain/noise':1069 'gray':480 'grid':314,878,883,1452,1536 'grid-first':1451 'grotesk':538 'guarante':103 'guidanc':97 'h':910,914 'h-screen':913 'hack':891 'hardwar':1500 'hardware-acceler':1499 'header':1132 'headlin':645,960,988 'heavi':1510 'height':652,904,1068 'helper':787 'hero':613,616,707,844,1197,1459 'hex':289,431,1581,1678 'hierarchi':297,507,762,1333,1405,1639 'high':221,466,598,770,1201,1354,1407 'high-ag':220 'high-contrast':465 'high-dens':597,769,1353,1406 'high-vari':1200 'horizont':866,880,948,950,993 'hue':767 'icon':692 'identifi':1621 'ignor':1697 'illustr':1441 'imag':630,646,670,978,982,1547 'implement':131 'import':1645,1655 'impress':620 'includ':1579 'indic':811 'infinit':1037 'ink':1275,1555 'inlin':629,648,819,980 'input':307,786,1415 'inputs/forms':783 'instant':1049 'instead':1672,1715 'instruct':345 'instrument':571 'integr':256 'intens':1226 'intent':18,132,355 'inter':526,1098,1358,1525 'interact':309,331,739,972,1030,1481,1486 'interfac':197,1233 'intern':1477 'interpret':190,226 'io':916 'isol':1504 'jargon':1666 'jetbrain':595 'john':1153 'jump':919 'label':784,1416,1427 'labs.google.com':248 'labs.google.com/stitch](https://labs.google.com/stitch)':247 'languag':174,178,224 'larg':1131 'later':134 'layout':16,312,708,772,801,824,893,940,1149,1237,1433,1449 'lead':518,1338 'learn':722 'left':856,1066 'left-align':855 'letter':642 'like':1250 'limit':89 'line':523,1300 'linear':1025 'link':724,1189,1548 'list':337,1048,1078,1518,1702 'lit':1254 'load':796 'loader':799,1428 'look':1618 'loop':1038,1494 'make':1706 'mandatori':435 'map':421 'markdown':1208 'massiv':514 'match':800,1431 'math':886,1475 'max':519,896,1312,1341,1469 'max-width':895,1340,1468 'maximum':437,716 'may':140 'mcp':252 'menu':999 'metadata':1288,1351 'micro':330,1029,1493 'micro-interact':329,1028 'micro-loop':1492 'min':909 'min-h':908 'minimum':966,974 'mobil':932,953,990,998 'mobile-first':931 'modern':564,1110 'mono':592,596,1346 'monospac':609 'mood':275,1221 'motion':17,128,321,391,408,1012,1225,1243,1480 'mount':1047 'mous':754,1135 'multi':938 'multi-column':937 'must':79,607,622,667,906,926 'mute':1282 'name':430,1152,1302,1324,1336,1348,1544,1630,1684 'nativ':171 'natur':177,703 'natural-languag':176 'nav':994 'navig':991 'need':124,557,1114 'negat':781 'neon':447,457,749,1530 'neon/outer':1120 'neutral':283,461,1343,1595 'never':482,627,668,887,912,1046,1063,1088 'new':213,547,569,1105 'next':1171 'next-gen':1170 'nexus':1156 'non':195 'non-gener':194 'number':606,1160,1356 'occupi':676,831 'off-black':488 'offset':383 'omit':1677 'one':472,717 'opac':1062 'opinion':1590 'optim':150 'option':250,789 'orchestr':1045 'outer':750,1376 'outfit':536 'output':477,1204,1708 'overflow':951 'overlap':665,669,827,1138 'overrid':600 'oversatur':1124 'overview':144 'pad':1478 'pair':180,588 'palatino':551 'palett':424,473,1259 'parenthes':1588 'pattern':84,287,301,335,1081,1515,1521,1620,1652,1701 'per':522 'percentag':890,1474 'perform':1056 'perpetu':328,1027,1491 'philosophi':279,317,322,1013 'photo':635,983 'physic':327,1015,1242,1483 'picsum.photos':1191 'pitfal':1661 'pixel':1585 'placehold':1543 'popul':814 'posit':840 'practic':1550 'precis':182,1578 'predict':379 'premium':13,57,193,1021,1363,1601,1709 'premium/creative':530 'prerequisit':241 'prevent':80 'primari':718,1264,1277,1387 'principl':313,825,1450 'produc':92,192 'product':119 'programmat':255 'project':353,1203,1211 'prompt':209 'proport':1005 'provid':428 'pseudo':1074 'pseudo-el':1073 'pull':700 'puls':1040 'punctuat':657 'pure':484,1116,1267,1527 'purpl':453 'purple/blue':446 'purple/neon':1318 'purpos':1633 'push':743 'px':1380 'reduc':1004 'relax':517,1337 'rem':1396,1583 'render':106 'replac':773,1409 'report':821 'requir':114 'respons':318,922,1454 'restrain':393,1229 'restraint':715 'reveal':1055,1490 'review':115 'rgba':1291 'ring':1311,1421 'role':68,434,1260,1687 'roman':548,1106 'round':653,1159,1393,1670,1675 'rounded-xl':1669 'row':868 'rule':24,60,179,498,923,1090,1321,1658 'safari':917 'safe':1713 'san':586 'sans-serif':585 'satoshi':540,594 'satur':441,1315 'scale':296,504,959,961,1329 'scream':506 'screen':52,86,126,143,154,214,854,915 'scroll':685,690,881,949,1177,1182 'seamless':1168 'secondari':721,1285,1344,1390 'section':129,614,845,905,1002,1198,1460 'select':525 'semant':28,47,93,172,1629 'separ':1142 'serif':541,544,555,565,572,573,587,1102,1111,1365 'serv':201,1404 'server':253 'shadow':736,764,1122,1399 'shape':734 'shimmer':1043,1430 'signatur':661 'singl':204,943,1304,1463 'single-column':1462 'singular':468 'sit':647 'size':515,1624 'skelet':798,1429 'skill':31,91,146 'skill-stitch-design-taste' 'slop':164 'small':633 'softwar':580 'sourc':205 'source-sickn33' 'space':316,782,795,1000,1623 'spatial':680,835,1141 'spec':70,237,325 'specif':233,1600 'spectrum':362 'spinner':806,1437 'split':853,1457 'spring':326,1014,1241,1482 'spring-phys':1240 'stack':295,842,986 'stagger':1044,1488 'standard':793 'start':1607 'state':310,747,797,808,817,1039,1309,1439 'static':142,392 'steel':1283 'stick':470 'stiff':1017 'still':113 'stitch':2,9,25,43,63,99,104,138,153,169,185,210,225,245,251 'stitch-compat':42 'stitch-design-tast':1 'stitch-friend':62 'strategi':319 'strict':450,1461 'strike':625 'structur':705,1207,1299 'studio':1256 'style':728,1372,1626 'success':1605 'support':231 'surfac':1266,1268 'svg':1193 'swipe':688,1180 'symmetr':380 'synthesi':344 'system':11,30,49,78,96,315,1210,1360 'tactil':742,1378 'tap':976 'target':352,970,977 'tast':4,27,59,361 'technic':1665 'techniqu':663 'tell':1083 'templat':1596 'terminolog':1573 'test':161 'text':666,673,684,788,791,965,1129,1176,1278,1286,1447,1560 'theme':1215 'think':1628 'throughout':1574 'tight':502,1327 'time':546,1104 'timestamp':1352 'tint':763 'tip':1603 'titl':1212 'token':1616 'top':778,1065,1413 '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':969 'track':501,1326 'track-tight':500,1325 'transform':1060,1502 'translat':56,157,1381,1668 'truth':207 'type':651,732 'type-height':650 'typewrit':1041 'typograph':292 'typographi':14,69,236,497,631,958,981,1320 'ui':23,83,581,1175 'understand':1611 'uniqu':533 'unleash':1169 'unsplash':1188 'use':5,34,35,54,74,356,459,483,487,561,584,608,757,871,888,894,907,1050,1190,1400,1568,1664,1681 'user':38,416,701 'vagu':1693 'valu':183,235,1584,1586 'varianc':378,406,711,849,1202,1223 'vertic':1001 'via':246,962,1059 'vibe':418,1613 'viewport':930 'visual':65,229,272,637,656,1214,1642 'want':39 'warm':1249 'warm/cool':479 'waterfal':1054 'weight':509,1331,1643 'weight-driven':1330 'weighti':1022 'well':1253 'well-lit':1252 'whisper':1289,1398 'white':1262 'whitespac':860 'width':897,1067,1342,1470 'without':1667 'word':640,985 'work':927 'xl':1671 'xxxxxx':1303 'yet':1248 'zag':876 'zig':875 'zig-zag':874 'zinc':491,1279 'zinc/slate':463 'zone':681,836","prices":[{"id":"55fecf6b-ebb7-4b43-8338-1b000e48303e","listingId":"e7a507ed-c92d-4766-898b-bed6175a3393","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:32.529Z"}],"sources":[{"listingId":"e7a507ed-c92d-4766-898b-bed6175a3393","source":"github","sourceId":"sickn33/antigravity-awesome-skills/stitch-design-taste","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/stitch-design-taste","isPrimary":false,"firstSeenAt":"2026-04-18T21:45:32.529Z","lastSeenAt":"2026-04-22T12:51:50.361Z"}],"details":{"listingId":"e7a507ed-c92d-4766-898b-bed6175a3393","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"stitch-design-taste","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":"af2e7b6c6dffb091cefee92ef682ef4ed8cb2d6e","skill_md_path":"skills/stitch-design-taste/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/stitch-design-taste"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"stitch-design-taste","description":"Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/stitch-design-taste"},"updatedAt":"2026-04-22T12:51:50.361Z"}}