{"id":"d10c791c-cfbb-49b0-9aae-10550a8a7d1f","shortId":"D9Mv5B","kind":"skill","title":"design-md-airbnb","tagline":"Design system reference for design md airbnb.","description":"# Design System: Airbnb\n\n## 1. Visual Theme & Atmosphere\n\nAirbnb's website is a warm, photography-forward marketplace that feels like flipping through a travel magazine where every page invites you to book. The design operates on a foundation of pure white (`#ffffff`) with the iconic Rausch Red (`#ff385c`)  named after Airbnb's first street address  serving as the singular brand accent. The result is a clean, airy canvas where listing photography, category icons, and the red CTA button are the only sources of color.\n\nThe typography uses Airbnb Cereal VF  a custom variable font that's warm and approachable, with rounded terminals that echo the brand's \"belong anywhere\" philosophy. The font operates in a tight weight range: 500 (medium) for most UI, 600 (semibold) for emphasis, and 700 (bold) for primary headings. Slight negative letter-spacing (-0.18px to -0.44px) on headings creates a cozy, intimate reading experience rather than the compressed efficiency of tech companies.\n\nWhat distinguishes Airbnb is its palette-based token system (`--palette-*`) and multi-layered shadow approach. The primary card shadow uses a three-layer stack (`rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px`) that creates a subtle, warm lift. Combined with generous border-radius (8px32px), circular navigation controls (50%), and a category pill bar with horizontal scrolling, the interface feels tactile and inviting  designed for browsing, not commanding.\n\n**Key Characteristics:**\n- Pure white canvas with Rausch Red (`#ff385c`) as singular brand accent\n- Airbnb Cereal VF  custom variable font with warm, rounded terminals\n- Palette-based token system (`--palette-*`) for systematic color management\n- Three-layer card shadows: border ring + soft blur + stronger blur\n- Generous border-radius: 8px buttons, 14px badges, 20px cards, 32px large elements\n- Circular navigation controls (50% radius)\n- Photography-first listing cards  images are the hero content\n- Near-black text (`#222222`)  warm, not cold\n- Luxe Purple (`#460479`) and Plus Magenta (`#92174d`) for premium tiers\n\n## 2. Color Palette & Roles\n\n### Primary Brand\n- **Rausch Red** (`#ff385c`): `--palette-bg-primary-core`, primary CTA, brand accent, active states\n- **Deep Rausch** (`#e00b41`): `--palette-bg-tertiary-core`, pressed/dark variant of brand red\n- **Error Red** (`#c13515`): `--palette-text-primary-error`, error text on light\n- **Error Dark** (`#b32505`): `--palette-text-secondary-error-hover`, error hover\n\n### Premium Tiers\n- **Luxe Purple** (`#460479`): `--palette-bg-primary-luxe`, Airbnb Luxe tier branding\n- **Plus Magenta** (`#92174d`): `--palette-bg-primary-plus`, Airbnb Plus tier branding\n\n### Text Scale\n- **Near Black** (`#222222`): `--palette-text-primary`, primary text  warm, not cold\n- **Focused Gray** (`#3f3f3f`): `--palette-text-focused`, focused state text\n- **Secondary Gray** (`#6a6a6a`): Secondary text, descriptions\n- **Disabled** (`rgba(0,0,0,0.24)`): `--palette-text-material-disabled`, disabled state\n- **Link Disabled** (`#929292`): `--palette-text-link-disabled`, disabled links\n\n### Interactive\n- **Legal Blue** (`#428bff`): `--palette-text-legal`, legal links, informational\n- **Border Gray** (`#c1c1c1`): Border color for cards and dividers\n- **Light Surface** (`#f2f2f2`): Circular navigation buttons, secondary surfaces\n\n### Surface & Shadows\n- **Pure White** (`#ffffff`): Page background, card surfaces\n- **Card Shadow** (`rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px`): Three-layer warm lift\n- **Hover Shadow** (`rgba(0,0,0,0.08) 0px 4px 12px`): Button hover elevation\n\n## 3. Typography Rules\n\n### Font Family\n- **Primary**: `Airbnb Cereal VF`, fallbacks: `Circular, -apple-system, system-ui, Roboto, Helvetica Neue`\n- **OpenType Features**: `\"salt\"` (stylistic alternates) on specific caption elements\n\n### Hierarchy\n\n| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |\n|------|------|------|--------|-------------|----------------|-------|\n| Section Heading | Airbnb Cereal VF | 28px (1.75rem) | 700 | 1.43 | normal | Primary headings |\n| Card Heading | Airbnb Cereal VF | 22px (1.38rem) | 600 | 1.18 (tight) | -0.44px | Category/card titles |\n| Card Heading Medium | Airbnb Cereal VF | 22px (1.38rem) | 500 | 1.18 (tight) | -0.44px | Lighter variant |\n| Sub-heading | Airbnb Cereal VF | 21px (1.31rem) | 700 | 1.43 | normal | Bold sub-headings |\n| Feature Title | Airbnb Cereal VF | 20px (1.25rem) | 600 | 1.20 (tight) | -0.18px | Feature headings |\n| UI Medium | Airbnb Cereal VF | 16px (1.00rem) | 500 | 1.25 (tight) | normal | Nav, emphasized text |\n| UI Semibold | Airbnb Cereal VF | 16px (1.00rem) | 600 | 1.25 (tight) | normal | Strong emphasis |\n| Button | Airbnb Cereal VF | 16px (1.00rem) | 500 | 1.25 (tight) | normal | Button labels |\n| Body / Link | Airbnb Cereal VF | 14px (0.88rem) | 400 | 1.43 | normal | Standard body |\n| Body Medium | Airbnb Cereal VF | 14px (0.88rem) | 500 | 1.29 (tight) | normal | Medium body |\n| Caption Salt | Airbnb Cereal VF | 14px (0.88rem) | 600 | 1.43 | normal | `\"salt\"` feature |\n| Small | Airbnb Cereal VF | 13px (0.81rem) | 400 | 1.23 (tight) | normal | Descriptions |\n| Tag | Airbnb Cereal VF | 12px (0.75rem) | 400700 | 1.33 | normal | Tags, prices |\n| Badge | Airbnb Cereal VF | 11px (0.69rem) | 600 | 1.18 (tight) | normal | `\"salt\"` feature |\n| Micro Uppercase | Airbnb Cereal VF | 8px (0.50rem) | 700 | 1.25 (tight) | 0.32px | `text-transform: uppercase` |\n\n### Principles\n- **Warm weight range**: 500700 dominate. No weight 300 or 400 for headings  Airbnb's type is always at least medium weight, creating a warm, confident voice.\n- **Negative tracking on headings**: -0.18px to -0.44px letter-spacing on display creates intimate, cozy headings rather than cold, compressed ones.\n- **\"salt\" OpenType feature**: Stylistic alternates on specific UI elements (badges, captions) create subtle glyph variations that add visual interest.\n- **Variable font precision**: Cereal VF enables continuous weight interpolation, though the design system uses discrete stops at 500, 600, and 700.\n\n## 4. Component Stylings\n\n### Buttons\n\n**Primary Dark**\n- Background: `#222222` (near-black, not pure black)\n- Text: `#ffffff`\n- Padding: 0px 24px\n- Radius: 8px\n- Hover: transitions to error/brand accent via `var(--accent-bg-error)`\n- Focus: `0 0 0 2px var(--palette-grey1000)` ring + scale(0.92)\n\n**Circular Nav**\n- Background: `#f2f2f2`\n- Text: `#222222`\n- Radius: 50% (circle)\n- Hover: shadow `rgba(0,0,0,0.08) 0px 4px 12px` + translateX(50%)\n- Active: 4px white border ring + focus shadow\n- Focus: scale(0.92) shrink animation\n\n### Cards & Containers\n- Background: `#ffffff`\n- Radius: 14px (badges), 20px (cards/buttons), 32px (large)\n- Shadow: `rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px` (three-layer)\n- Listing cards: full-width photography on top, details below\n- Carousel controls: circular 50% buttons\n\n### Inputs\n- Search: `#222222` text\n- Focus: `var(--palette-bg-primary-error)` background tint + `0 0 0 2px` ring\n- Radius: depends on context (search bar uses pill-like rounding)\n\n### Navigation\n- White sticky header with search bar centered\n- Airbnb logo (Rausch Red) left-aligned\n- Category filter pills: horizontal scroll below search\n- Circular nav controls for carousel navigation\n- \"Become a Host\" text link, avatar/menu right-aligned\n\n### Image Treatment\n- Listing photography fills card top with generous height\n- Image carousel with dot indicators\n- Heart/wishlist icon overlay on images\n- 8px14px radius on contained images\n\n## 5. Layout Principles\n\n### Spacing System\n- Base unit: 8px\n- Scale: 2px, 3px, 4px, 6px, 8px, 10px, 11px, 12px, 15px, 16px, 22px, 24px, 32px\n\n### Grid & Container\n- Full-width header with centered search\n- Category pill bar: horizontal scrollable row\n- Listing grid: responsive multi-column (35 columns on desktop)\n- Full-width footer with link columns\n\n### Whitespace Philosophy\n- **Travel-magazine spacing**: Generous vertical padding between sections creates a leisurely browsing pace  you're meant to scroll slowly, like browsing a magazine.\n- **Photography density**: Listing cards are packed relatively tightly, but each image is large enough to feel immersive.\n- **Search bar prominence**: The search bar gets maximum vertical space in the header  finding your destination is the primary action.\n\n### Border Radius Scale\n- Subtle (4px): Small links\n- Standard (8px): Buttons, tabs, search elements\n- Badge (14px): Status badges, labels\n- Card (20px): Feature cards, large buttons\n- Large (32px): Large containers, hero elements\n- Circle (50%): Nav controls, avatars, icons\n\n## 6. Depth & Elevation\n\n| Level | Treatment | Use |\n|-------|-----------|-----|\n| Flat (Level 0) | No shadow | Page background, text blocks |\n| Card (Level 1) | `rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px` | Listing cards, search bar |\n| Hover (Level 2) | `rgba(0,0,0,0.08) 0px 4px 12px` | Button hover, interactive lift |\n| Active Focus (Level 3) | `rgb(255,255,255) 0px 0px 0px 4px` + focus ring | Active/focused elements |\n\n**Shadow Philosophy**: Airbnb's three-layer shadow system creates a warm, natural lift. Layer 1 (`0px 0px 0px 1px` at 0.02 opacity) is an ultra-subtle border. Layer 2 (`0px 2px 6px` at 0.04) provides soft ambient shadow. Layer 3 (`0px 4px 8px` at 0.1) adds the primary lift. This graduated approach creates shadows that feel like natural light rather than CSS effects.\n\n## 7. Do's and Don'ts\n\n### Do\n- Use `#222222` (warm near-black) for text  never pure `#000000`\n- Apply Rausch Red (`#ff385c`) only for primary CTAs and brand moments  it's the singular accent\n- Use Airbnb Cereal VF at weight 500700  the warm weight range is intentional\n- Apply the three-layer card shadow for all elevated surfaces\n- Use generous border-radius: 8px for buttons, 20px for cards, 50% for controls\n- Use photography as the primary visual content  listings are image-first\n- Apply negative letter-spacing (-0.18px to -0.44px) on headings for intimacy\n- Use circular (50%) buttons for carousel/navigation controls\n\n### Don't\n- Don't use pure black (`#000000`) for text  always `#222222` (warm)\n- Don't apply Rausch Red to backgrounds or large surfaces  it's an accent only\n- Don't use thin font weights (300, 400) for headings  500 minimum\n- Don't use heavy shadows (>0.1 opacity as primary layer)  keep them warm and graduated\n- Don't use sharp corners (04px) on cards  the generous rounding (20px+) is core\n- Don't introduce additional brand colors beyond the Rausch/Luxe/Plus system\n- Don't override the palette token system  use `--palette-*` variables consistently\n\n## 8. Responsive Behavior\n\n### Breakpoints\n| Name | Width | Key Changes |\n|------|-------|-------------|\n| Mobile Small | <375px | Single column, compact search |\n| Mobile | 375550px | Standard mobile listing grid |\n| Tablet Small | 550744px | 2-column listings |\n| Tablet | 744950px | Search bar expansion |\n| Desktop Small | 9501128px | 3-column listings |\n| Desktop | 11281440px | 4-column grid, full header |\n| Large Desktop | 14401920px | 5-column grid |\n| Ultra-wide | >1920px | Maximum grid width |\n\n*Note: Airbnb has 61 detected breakpoints  one of the most granular responsive systems observed, reflecting their obsession with layout at every possible screen size.*\n\n### Touch Targets\n- Circular nav buttons: adequate 50% radius sizing\n- Listing cards: full-card tap target on mobile\n- Search bar: prominently sized for thumb interaction\n- Category pills: horizontally scrollable with generous padding\n\n### Collapsing Strategy\n- Listing grid: 5  4  3  2  1 columns\n- Search: expanded bar  compact bar  overlay\n- Category pills: horizontal scroll at all sizes\n- Navigation: full header  mobile simplified\n- Map: side panel  overlay/toggle\n\n### Image Behavior\n- Listing photos: carousel with swipe on mobile\n- Responsive image sizing with aspect ratio maintained\n- Heart overlay positioned consistently across sizes\n- Photo quality adjusts based on viewport\n\n## 9. Agent Prompt Guide\n\n### Quick Color Reference\n- Background: Pure White (`#ffffff`)\n- Text: Near Black (`#222222`)\n- Brand accent: Rausch Red (`#ff385c`)\n- Secondary text: `#6a6a6a`\n- Disabled: `rgba(0,0,0,0.24)`\n- Card border: `rgba(0,0,0,0.02) 0px 0px 0px 1px`\n- Card shadow: full three-layer stack\n- Button surface: `#f2f2f2`\n\n### Example Component Prompts\n- \"Create a listing card: white background, 20px radius. Three-layer shadow: rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px. Photo area on top (16:10 ratio), details below: 16px Airbnb Cereal VF weight 600 title, 14px weight 400 description in #6a6a6a.\"\n- \"Design search bar: white background, full card shadow, 32px radius on container. Search text at 14px Cereal VF weight 400. Red search button (#ff385c, 50% radius, white icon).\"\n- \"Build category pill bar: horizontal scrollable row. Each pill: 14px Cereal VF weight 600, #222222 text, bottom border on active. Circular prev/next arrows (#f2f2f2 bg, 50% radius).\"\n- \"Create a CTA button: #222222 background, white text, 8px radius, 16px Cereal VF weight 500, 0px 24px padding. Hover: brand red accent.\"\n- \"Design a heart/wishlist button: transparent background, 50% radius, white heart icon with dark shadow outline.\"\n\n### Iteration Guide\n1. Start with white  the photography provides all the color\n2. Rausch Red (#ff385c) is the singular accent  use sparingly for CTAs only\n3. Near-black (#222222) for text  the warmth matters\n4. Three-layer shadows create natural, warm lift  always use all three layers\n5. Generous radius: 8px buttons, 20px cards, 50% controls\n6. Cereal VF at 500700 weight  no thin weights for any heading\n7. Photography is hero  every listing card is image-first","tags":["design","airbnb","galyarder","framework","galyarderlabs","agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills"],"capabilities":["skill","source-galyarderlabs","skill-design-md-airbnb","topic-agent-skills","topic-agentic-framework","topic-agents","topic-ai-agents","topic-automation","topic-claude-code-plugin","topic-codex-skills","topic-copilot-skills","topic-cursor-skills","topic-framework","topic-gemini-skills","topic-hermes-skill"],"categories":["galyarder-framework"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-airbnb","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add galyarderlabs/galyarder-framework","source_repo":"https://github.com/galyarderlabs/galyarder-framework","install_from":"skills.sh"}},"qualityScore":"0.455","qualityRationale":"deterministic score 0.46 from registry signals: · indexed on github topic:agent-skills · 11 github stars · SKILL.md body (13,886 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-05-18T19:07:45.449Z","embedding":null,"createdAt":"2026-05-10T01:06:43.254Z","updatedAt":"2026-05-18T19:07:45.449Z","lastSeenAt":"2026-05-18T19:07:45.449Z","tsv":"'-0.18':150,676,847,1514 '-0.44':153,629,645,850,1517 '0':199,200,201,208,209,210,216,217,218,463,464,465,524,525,526,533,534,535,541,542,543,556,557,558,939,940,941,962,963,964,996,997,998,1005,1006,1007,1013,1014,1015,1051,1052,1053,1290,1301,1302,1303,1310,1311,1312,1318,1319,1320,1333,1334,1335,1819,1820,1821,1826,1827,1828,1860,1861,1862,1869,1870,1871,1877,1878,1879 '0.02':202,527,999,1304,1381,1829,1863 '0.04':211,536,1008,1313,1395,1872 '0.08':559,965,1336 '0.1':219,544,1016,1321,1406,1575,1880 '0.24':466,1822 '0.32':810 '0.50':805 '0.69':791 '0.75':779 '0.81':767 '0.88':728,741,755 '0.92':949,980 '000000':1442,1537 '04px':1590 '0px':203,204,205,212,220,528,529,530,537,545,560,923,966,1000,1001,1002,1009,1017,1305,1306,1307,1314,1322,1337,1352,1353,1354,1376,1377,1378,1391,1402,1830,1831,1832,1864,1865,1866,1873,1881,1976 '1':15,1299,1375,1742,2000 '1.00':686,701,714 '1.18':627,643,794 '1.20':674 '1.23':770 '1.25':671,689,704,717,808 '1.29':744 '1.31':656 '1.33':782 '1.38':624,640 '1.43':614,659,731,758 '1.75':611 '10':1889 '10px':1143 '11281440px':1659 '11px':790,1144 '12px':562,778,968,1145,1339 '13px':766 '14401920px':1667 '14px':309,727,740,754,988,1260,1900,1921,1943 '15px':1146 '16':1888 '16px':685,700,713,1147,1893,1971 '1920px':1674 '1px':206,531,1003,1308,1379,1833,1867 '2':349,1331,1390,1644,1741,2010 '20px':311,670,990,1265,1491,1596,1853,2052 '21px':655 '222222':335,435,913,955,1040,1433,1541,1808,1948,1965,2027 '22px':623,639,1148 '24px':924,1149,1977 '255':1349,1350,1351 '28px':610 '2px':213,538,942,1010,1054,1138,1315,1392,1874 '3':566,1347,1401,1655,1740,2023 '300':824,1564 '32px':313,992,1150,1271,1914 '35':1172 '375550px':1636 '375px':1630 '3f3f3f':447 '3px':1139 '4':906,1660,1739,2033 '400':730,769,826,1565,1902,1925 '400700':781 '428bff':487 '460479':341,409 '4px':221,546,561,967,972,1018,1140,1250,1323,1338,1355,1403,1882 '5':1129,1668,1738,2047 '50':239,319,957,970,1036,1277,1494,1525,1708,1930,1959,1989,2054 '500':130,642,688,716,743,902,1568,1975 '500700':820,1465,2060 '550744px':1643 '6':1282,2056 '600':135,626,673,703,757,793,903,1898,1947 '61':1681 '6a6a6a':457,1816,1905 '6px':214,539,1011,1141,1316,1393,1875 '7':1425,2068 '700':140,613,658,807,905 '744950px':1648 '8':1620 '8px':222,307,547,804,926,1019,1136,1142,1254,1324,1404,1488,1883,1969,2050 '8px14px':1124 '8px32px':235 '9':1794 '92174d':345,421 '929292':476 '9501128px':1654 'accent':72,271,366,931,935,1458,1556,1810,1982,2017 'accent-bg-error':934 'across':1786 'action':1245 'activ':367,971,1344,1953 'active/focused':1358 'add':882,1407 'addit':1602 'address':66 'adequ':1707 'adjust':1790 'agent':1795 'airbnb':4,11,14,19,62,99,173,272,415,427,572,607,620,636,652,667,682,697,710,724,737,751,763,775,787,801,829,1075,1362,1460,1679,1894 'airi':78 'align':1081,1103 'altern':590,870 'alway':833,1540,2042 'ambient':1398 'anim':982 'anywher':120 'appl':578 'apple-system':577 'appli':1443,1472,1509,1545 'approach':110,187,1413 'area':1885 'arrow':1956 'aspect':1779 'atmospher':18 'avatar':1280 'avatar/menu':1100 'b32505':396 'background':518,912,952,985,1049,1294,1549,1801,1852,1910,1966,1988 'badg':310,786,875,989,1259,1262 'bar':244,1061,1073,1162,1227,1231,1328,1650,1721,1746,1748,1908,1937 'base':178,284,1134,1791 'becom':1095 'behavior':1622,1767 'belong':119 'beyond':1605 'bg':360,374,412,424,936,1046,1958 'black':333,434,916,919,1437,1536,1807,2026 'block':1296 'blue':486 'blur':300,302 'bodi':722,734,735,748 'bold':141,661 'book':43 'border':233,297,305,495,498,974,1246,1388,1486,1824,1951 'border-radius':232,304,1485 'bottom':1950 'brand':71,117,270,354,365,380,418,430,1452,1603,1809,1980 'breakpoint':1623,1683 'brows':256,1197,1206 'build':1934 'button':89,308,509,563,709,720,909,1037,1255,1269,1340,1490,1526,1706,1841,1928,1964,1986,2051 'c13515':384 'c1c1c1':497 'canva':79,263 'caption':593,749,876 'card':190,295,312,325,501,519,521,618,633,983,1024,1109,1212,1264,1267,1297,1326,1477,1493,1592,1712,1715,1823,1834,1850,1912,2053,2074 'cards/buttons':991 'carousel':1033,1093,1115,1770 'carousel/navigation':1528 'categori':83,242,1082,1160,1727,1750,1935 'category/card':631 'center':1074,1158 'cereal':100,273,573,608,621,637,653,668,683,698,711,725,738,752,764,776,788,802,888,1461,1895,1922,1944,1972,2057 'chang':1627 'characterist':260 'circl':958,1276 'circular':236,316,507,576,950,1035,1089,1524,1704,1954 'clean':77 'cold':338,444,863 'collaps':1734 'color':95,290,350,499,1604,1799,2009 'column':1171,1173,1182,1632,1645,1656,1661,1669,1743 'combin':229 'command':258 'compact':1633,1747 'compani':170 'compon':907,1845 'compress':166,864 'confid':841 'consist':1619,1785 'contain':984,1127,1152,1273,1917 'content':330,1503 'context':1059 'continu':891 'control':238,318,1034,1091,1279,1496,1529,2055 'core':362,376,1598 'corner':1589 'cozi':159,859 'creat':157,224,838,857,877,1194,1369,1414,1847,1961,2038 'css':1423 'cta':88,364,1963 'ctas':1450,2021 'custom':103,275 'dark':395,911,1995 'deep':369 'densiti':1210 'depend':1057 'depth':1283 'descript':460,773,1903 'design':2,5,9,12,45,254,896,1906,1983 'design-md-airbnb':1 'desktop':1175,1652,1658,1666 'destin':1241 'detail':1031,1891 'detect':1682 'disabl':461,471,472,475,481,482,1817 'discret':899 'display':856 'distinguish':172 'divid':503 'domin':821 'dot':1117 'e00b41':371 'echo':115 'effect':1424 'effici':167 'element':315,594,874,1258,1275,1359 'elev':565,1284,1481 'emphas':693 'emphasi':138,708 'enabl':890 'enough':1222 'error':382,389,390,394,401,403,937,1048 'error/brand':930 'everi':38,1698,2072 'exampl':1844 'expand':1745 'expans':1651 'experi':162 'f2f2f2':506,953,1843,1957 'fallback':575 'famili':570 'featur':587,665,678,761,798,868,1266 'feel':30,250,1224,1417 'ff385c':59,267,357,1446,1813,1929,2013 'ffffff':53,516,921,986,1804 'fill':1108 'filter':1083 'find':1239 'first':64,323,1508,2078 'flat':1288 'flip':32 'focus':445,451,452,938,976,978,1042,1345,1356 'font':105,123,277,569,597,886,1562 'footer':1179 'forward':27 'foundat':49 'full':1026,1154,1177,1663,1714,1758,1836,1911 'full-card':1713 'full-width':1025,1153,1176 'generous':231,303,1112,1189,1484,1594,1732,2048 'get':1232 'glyph':879 'graduat':1412,1584 'granular':1688 'gray':446,456,496 'grey1000':946 'grid':1151,1167,1640,1662,1670,1676,1737 'guid':1797,1999 'head':144,156,606,617,619,634,651,664,679,828,846,860,1520,1567,2067 'header':1070,1156,1238,1664,1759 'heart':1782,1992 'heart/wishlist':1119,1985 'heavi':1573 'height':601,1113 'helvetica':584 'hero':329,1274,2071 'hierarchi':595 'horizont':246,1085,1163,1729,1752,1938 'host':1097 'hover':402,404,553,564,927,959,1329,1341,1979 'icon':56,84,1120,1281,1933,1993 'imag':326,1104,1114,1123,1128,1219,1507,1766,1776,2077 'image-first':1506,2076 'immers':1225 'indic':1118 'inform':494 'input':1038 'intent':1471 'interact':484,1342,1726 'interest':884 'interfac':249 'interpol':893 'intim':160,858 'intimaci':1522 'introduc':1601 'invit':40,253 'iter':1998 'keep':1580 'key':259,1626 'label':721,1263 'larg':314,993,1221,1268,1270,1272,1551,1665 'layer':185,196,294,550,1022,1366,1374,1389,1400,1476,1579,1839,1857,2036,2046 'layout':1130,1696 'least':835 'left':1080 'left-align':1079 'legal':485,491,492 'leisur':1196 'letter':148,602,853,1512 'letter-spac':147,852,1511 'level':1285,1289,1298,1330,1346 'lift':228,552,1343,1373,1410,2041 'light':393,504,1420 'lighter':647 'like':31,1065,1205,1418 'line':600 'link':474,480,483,493,723,1099,1181,1252 'list':81,324,1023,1106,1166,1211,1325,1504,1639,1646,1657,1711,1736,1768,1849,2073 'logo':1076 'lux':339,407,414,416 'magazin':36,1187,1208 'magenta':344,420 'maintain':1781 'manag':291 'map':1762 'marketplac':28 'materi':470 'matter':2032 'maximum':1233,1675 'md':3,10 'meant':1201 'medium':131,635,681,736,747,836 'micro':799 'minimum':1569 'mobil':1628,1635,1638,1719,1760,1774 'moment':1453 'multi':184,1170 'multi-column':1169 'multi-lay':183 'name':60,1624 'natur':1372,1419,2039 'nav':692,951,1090,1278,1705 'navig':237,317,508,1067,1094,1757 'near':332,433,915,1436,1806,2025 'near-black':331,914,1435,2024 'negat':146,843,1510 'neue':585 'never':1440 'normal':615,660,691,706,719,732,746,759,772,783,796 'note':604,1678 'observ':1691 'obsess':1694 'one':865,1684 'opac':1382,1576 'opentyp':586,867 'oper':46,124 'outlin':1997 'overlay':1121,1749,1783 'overlay/toggle':1765 'overrid':1611 'pace':1198 'pack':1214 'pad':922,1191,1733,1978 'page':39,517,1293 'palett':177,181,283,287,351,359,373,386,398,411,423,437,449,468,478,489,945,1045,1613,1617 'palette-bas':176,282 'palette-bg-primary-cor':358 'palette-bg-primary-error':1044 'palette-bg-primary-lux':410 'palette-bg-primary-plus':422 'palette-bg-tertiary-cor':372 'palette-grey1000':944 'palette-text-focus':448 'palette-text-leg':488 'palette-text-link-dis':477 'palette-text-material-dis':467 'palette-text-primari':436 'palette-text-primary-error':385 'palette-text-secondary-error-hov':397 'panel':1764 'philosophi':121,1184,1361 'photo':1769,1788,1884 'photographi':26,82,322,1028,1107,1209,1498,2005,2069 'photography-first':321 'photography-forward':25 'pill':243,1064,1084,1161,1728,1751,1936,1942 'pill-lik':1063 'plus':343,419,426,428 'posit':1784 'possibl':1699 'precis':887 'premium':347,405 'pressed/dark':377 'prev/next':1955 'price':785 'primari':143,189,353,361,363,388,413,425,439,440,571,616,910,1047,1244,1409,1449,1501,1578 'principl':816,1131 'promin':1228,1722 'prompt':1796,1846 'provid':1396,2006 'pure':51,261,514,918,1441,1535,1802 'purpl':340,408 'px':151,154,630,646,677,811,848,851,1515,1518 'qualiti':1789 'quick':1798 'radius':234,306,320,925,956,987,1056,1125,1247,1487,1709,1854,1915,1931,1960,1970,1990,2049 'rang':129,819,1469 'rather':163,861,1421 'ratio':1780,1890 'rausch':57,265,355,370,1077,1444,1546,1811,2011 'rausch/luxe/plus':1607 're':1200 'read':161 'red':58,87,266,356,381,383,1078,1445,1547,1812,1926,1981,2012 'refer':7,1800 'reflect':1692 'relat':1215 'rem':612,625,641,657,672,687,702,715,729,742,756,768,780,792,806 'respons':1168,1621,1689,1775 'result':74 'rgb':1348 'rgba':198,207,215,462,523,532,540,555,961,995,1004,1012,1300,1309,1317,1332,1818,1825,1859,1868,1876 'right':1102 'right-align':1101 'ring':298,947,975,1055,1357 'roboto':583 'role':352,596 'round':112,280,1066,1595 'row':1165,1940 'rule':568 'salt':588,750,760,797,866 'scale':432,948,979,1137,1248 'screen':1700 'scroll':247,1086,1203,1753 'scrollabl':1164,1730,1939 'search':1039,1060,1072,1088,1159,1226,1230,1257,1327,1634,1649,1720,1744,1907,1918,1927 'secondari':400,455,458,510,1814 'section':605,1193 'semibold':136,696 'serv':67 'shadow':186,191,296,513,522,554,960,977,994,1292,1360,1367,1399,1415,1478,1574,1835,1858,1913,1996,2037 'sharp':1588 'shrink':981 'side':1763 'simplifi':1761 'singl':1631 'singular':70,269,1457,2016 'size':598,1701,1710,1723,1756,1777,1787 'skill' 'skill-design-md-airbnb' 'slight':145 'slowli':1204 'small':762,1251,1629,1642,1653 'soft':299,1397 'sourc':93 'source-galyarderlabs' 'space':149,603,854,1132,1188,1235,1513 'spare':2019 'specif':592,872 'stack':197,1840 'standard':733,1253,1637 'start':2001 'state':368,453,473 'status':1261 'sticki':1069 'stop':900 'strategi':1735 'street':65 'strong':707 'stronger':301 'style':908 'stylist':589,869 'sub':650,663 'sub-head':649,662 'subtl':226,878,1249,1387 'surfac':505,511,512,520,1482,1552,1842 'swipe':1772 'system':6,13,180,286,579,581,897,1133,1368,1608,1615,1690 'system-ui':580 'systemat':289 'tab':1256 'tablet':1641,1647 'tactil':251 'tag':774,784 'tap':1716 'target':1703,1717 'tech':169 'termin':113,281 'tertiari':375 'text':334,387,391,399,431,438,441,450,454,459,469,479,490,694,813,920,954,1041,1098,1295,1439,1539,1805,1815,1919,1949,1968,2029 'text-transform':812 'theme':17 'thin':1561,2063 'though':894 'three':195,293,549,1021,1365,1475,1838,1856,2035,2045 'three-lay':194,292,548,1020,1364,1474,1837,1855,2034 'thumb':1725 'tier':348,406,417,429 'tight':127,628,644,675,690,705,718,745,771,795,809,1216 'tint':1050 'titl':632,666,1899 'token':179,285,1614 'top':1030,1110,1887 'topic-agent-skills' 'topic-agentic-framework' 'topic-agents' 'topic-ai-agents' 'topic-automation' 'topic-claude-code-plugin' 'topic-codex-skills' 'topic-copilot-skills' 'topic-cursor-skills' 'topic-framework' 'topic-gemini-skills' 'topic-hermes-skill' 'touch':1702 'track':844 'transform':814 'transit':928 'translatex':969 'transpar':1987 'travel':35,1186 'travel-magazin':1185 'treatment':1105,1286 'ts':1430 'type':831 'typographi':97,567 'ui':134,582,680,695,873 'ultra':1386,1672 'ultra-subtl':1385 'ultra-wid':1671 'unit':1135 'uppercas':800,815 'use':98,192,898,1062,1287,1432,1459,1483,1497,1523,1534,1560,1572,1587,1616,2018,2043 'var':933,943,1043 'variabl':104,276,885,1618 'variant':378,648 'variat':880 'vertic':1190,1234 'vf':101,274,574,609,622,638,654,669,684,699,712,726,739,753,765,777,789,803,889,1462,1896,1923,1945,1973,2058 'via':932 'viewport':1793 'visual':16,883,1502 'voic':842 'warm':24,108,227,279,336,442,551,817,840,1371,1434,1467,1542,1582,2040 'warmth':2031 'websit':21 'weight':128,599,818,823,837,892,1464,1468,1563,1897,1901,1924,1946,1974,2061,2064 'white':52,262,515,973,1068,1803,1851,1909,1932,1967,1991,2003 'whitespac':1183 'wide':1673 'width':1027,1155,1178,1625,1677","prices":[{"id":"c071fc0f-fe91-4fac-b3fc-ff55b1922d2d","listingId":"d10c791c-cfbb-49b0-9aae-10550a8a7d1f","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"galyarderlabs","category":"galyarder-framework","install_from":"skills.sh"},"createdAt":"2026-05-10T01:06:43.254Z"}],"sources":[{"listingId":"d10c791c-cfbb-49b0-9aae-10550a8a7d1f","source":"github","sourceId":"galyarderlabs/galyarder-framework/design-md-airbnb","sourceUrl":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-airbnb","isPrimary":false,"firstSeenAt":"2026-05-10T01:06:43.254Z","lastSeenAt":"2026-05-18T19:07:45.449Z"}],"details":{"listingId":"d10c791c-cfbb-49b0-9aae-10550a8a7d1f","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"galyarderlabs","slug":"design-md-airbnb","github":{"repo":"galyarderlabs/galyarder-framework","stars":11,"topics":["agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills","copilot-skills","cursor-skills","framework","gemini-skills","hermes-skill","marketing","openclaw-skills","opencode-skills","seo","tdd"],"license":"mit","html_url":"https://github.com/galyarderlabs/galyarder-framework","pushed_at":"2026-05-17T20:44:45Z","description":"An agentic skills framework orchestration for the 1-Man Army. Implementing Autonomous Goal Integration (AGI) to transform vision into deterministic execution.","skill_md_sha":"9fc513450d5a299f0c1b04925420fa2e856f4aa6","skill_md_path":"skills/design-md-airbnb/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-airbnb"},"layout":"multi","source":"github","category":"galyarder-framework","frontmatter":{"name":"design-md-airbnb","description":"Design system reference for design md airbnb."},"skills_sh_url":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-airbnb"},"updatedAt":"2026-05-18T19:07:45.449Z"}}