{"id":"39367be6-0938-4bdf-994c-57722abdc7a0","shortId":"TBvv69","kind":"skill","title":"design-md-bmw","tagline":"Design system reference for design md bmw.","description":"# Design System: BMW\n\n## 1. Visual Theme & Atmosphere\n\nBMW's website is automotive engineering made visual  a design system that communicates precision, performance, and German industrial confidence. The page alternates between deep dark hero sections (featuring full-bleed automotive photography) and clean white content areas, creating a cinematic rhythm reminiscent of a luxury car showroom where vehicles are lit against darkness. The BMW CI2020 design language (their corporate identity refresh) defines every element.\n\nThe typography is built on BMWTypeNextLatin  a proprietary typeface in two variants: BMWTypeNextLatin Light (weight 300) for massive uppercase display headings, and BMWTypeNextLatin Regular for body and UI text. The 60px uppercase headline at weight 300 is the defining typographic gesture  light-weight type that whispers authority rather than shouting it. The fallback stack includes Helvetica and Japanese fonts (Hiragino, Meiryo), reflecting BMW's global presence.\n\nWhat makes BMW distinctive is its CSS variable-driven theming system. Context-aware variables (`--site-context-highlight-color: #1c69d4`, `--site-context-focus-color: #0653b6`, `--site-context-metainfo-color: #757575`) suggest a design system built for multi-brand, multi-context deployment where colors can be swapped globally. The blue highlight color (`#1c69d4`) is BMW's signature blue  used sparingly for interactive elements and focus states, never decoratively. Zero border-radius was detected  BMW's design is angular, sharp-cornered, and uncompromisingly geometric.\n\n**Key Characteristics:**\n- BMWTypeNextLatin Light (weight 300) uppercase for display  whispered authority\n- BMW Blue (`#1c69d4`) as singular accent  used only for interactive elements\n- Zero border-radius detected  angular, sharp-cornered, industrial geometry\n- Dark hero photography + white content sections  showroom lighting rhythm\n- CSS variable-driven theming: `--site-context-*` tokens for brand flexibility\n- Weight 900 for navigation emphasis  extreme contrast with 300 display\n- Tight line-heights (1.151.30) throughout  compressed, efficient, German engineering\n- Full-bleed automotive photography as primary visual content\n\n## 2. Color Palette & Roles\n\n### Primary Brand\n- **Pure White** (`#ffffff`): `--site-context-theme-color`, primary surface, card backgrounds\n- **BMW Blue** (`#1c69d4`): `--site-context-highlight-color`, primary interactive accent\n- **BMW Focus Blue** (`#0653b6`): `--site-context-focus-color`, keyboard focus and active states\n\n### Neutral Scale\n- **Near Black** (`#262626`): Primary text on light surfaces, dark link text\n- **Meta Gray** (`#757575`): `--site-context-metainfo-color`, secondary text, metadata\n- **Silver** (`#bbbbbb`): Tertiary text, muted links, footer elements\n\n### Interactive States\n- All links hover to white (`#ffffff`)  suggesting primarily dark-surface navigation\n- Text links use underline: none on hover  clean interaction\n\n### Shadows\n- Minimal shadow system  depth through photography and dark/light section contrast\n\n## 3. Typography Rules\n\n### Font Families\n- **Display Light**: `BMWTypeNextLatin Light`, fallbacks: `Helvetica, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo`\n- **Body / UI**: `BMWTypeNextLatin`, same fallback stack\n\n### Hierarchy\n\n| Role | Font | Size | Weight | Line Height | Notes |\n|------|------|------|--------|-------------|-------|\n| Display Hero | BMWTypeNextLatin Light | 60px (3.75rem) | 300 | 1.30 (tight) | `text-transform: uppercase` |\n| Section Heading | BMWTypeNextLatin | 32px (2.00rem) | 400 | 1.30 (tight) | Major section titles |\n| Nav Emphasis | BMWTypeNextLatin | 18px (1.13rem) | 900 | 1.30 (tight) | Navigation bold items |\n| Body | BMWTypeNextLatin | 16px (1.00rem) | 400 | 1.15 (tight) | Standard body text |\n| Button Bold | BMWTypeNextLatin | 16px (1.00rem) | 700 | 1.202.88 | CTA buttons |\n| Button | BMWTypeNextLatin | 16px (1.00rem) | 400 | 1.15 (tight) | Standard buttons |\n\n### Principles\n- **Light display, heavy navigation**: Weight 300 for hero headlines creates whispered elegance; weight 900 for navigation creates stark authority. This extreme weight contrast (300 vs 900) is the signature typographic tension.\n- **Universal uppercase display**: The 60px hero is always uppercase  creating a monumental, architectural quality.\n- **Tight everything**: Line-heights from 1.15 to 1.30 across the entire system. Nothing breathes  every line is compressed, efficient, German-engineered.\n- **Single font family**: BMWTypeNextLatin handles everything from 60px display to 16px body  unity through one typeface at different weights.\n\n## 4. Component Stylings\n\n### Buttons\n- Text: 16px BMWTypeNextLatin, weight 700 for primary, 400 for secondary\n- Line-height: 1.152.88 (large variation suggests padding-driven sizing)\n- Border: white bottom-border on dark surfaces (`1px solid #ffffff`)\n- No border-radius  sharp rectangular buttons\n\n### Cards & Containers\n- No border-radius  all containers are sharp-cornered rectangles\n- White backgrounds on light sections\n- Dark backgrounds for hero/feature sections\n- No visible borders on most elements\n\n### Navigation\n- BMWTypeNextLatin 18px weight 900 for primary nav links\n- White text on dark header\n- BMW logo 54x54px\n- Hover: remains white, text-decoration none\n- \"Home\" text link in header\n\n### Image Treatment\n- Full-bleed automotive photography\n- Dark cinematic lighting\n- Edge-to-edge hero images\n- Car photography as primary visual content\n\n## 5. Layout Principles\n\n### Spacing System\n- Base unit: 8px\n- Scale: 1px, 5px, 8px, 10px, 12px, 15px, 16px, 20px, 24px, 30px, 32px, 40px, 45px, 56px, 60px\n\n### Grid & Container\n- Full-width hero photography\n- Centered content sections\n- Footer: multi-column link grid\n\n### Whitespace Philosophy\n- **Showroom pacing**: Dark hero sections with generous padding create the feeling of walking through a showroom where each vehicle is spotlit in its own space.\n- **Compressed content**: Body text areas use tight line-heights and compact spacing  information-dense, no waste.\n\n### Border Radius Scale\n- **None detected.** BMW uses sharp corners exclusively  every element is a precise rectangle. This is the most angular design system analyzed.\n\n## 6. Depth & Elevation\n\n| Level | Treatment | Use |\n|-------|-----------|-----|\n| Photography (Level 0) | Full-bleed dark imagery | Hero backgrounds |\n| Flat (Level 1) | White surface, no shadow | Content sections |\n| Focus (Accessibility) | BMW Focus Blue (`#0653b6`) | Focus states |\n\n**Shadow Philosophy**: BMW uses virtually no shadows. Depth is created entirely through the contrast between dark photographic sections and white content sections  the automotive lighting does the elevation work.\n\n## 7. Do's and Don'ts\n\n### Do\n- Use BMWTypeNextLatin Light (300) uppercase for all display headings\n- Keep ALL corners sharp (0px radius)  angular geometry is non-negotiable\n- Use BMW Blue (`#1c69d4`) only for interactive elements  never decoratively\n- Apply weight 900 for navigation emphasis  the extreme weight contrast is intentional\n- Use full-bleed automotive photography for hero sections\n- Keep line-heights tight (1.151.30) throughout\n- Use `--site-context-*` CSS variables for theming\n\n### Don't\n- Don't round corners  zero radius is the BMW identity\n- Don't use BMW Blue for backgrounds or large surfaces  it's an accent only\n- Don't use medium font weights (500600)  the system uses 300, 400, 700, 900 extremes\n- Don't add decorative elements  the photography and typography carry everything\n- Don't use relaxed line-heights  BMW text is always compressed\n- Don't lighten the dark hero sections  the contrast with white IS the design\n\n## 8. Responsive Behavior\n\n### Breakpoints\n| Name | Width | Key Changes |\n|------|-------|-------------|\n| Mobile Small | <375px | Minimum supported |\n| Mobile | 375480px | Single column |\n| Mobile Large | 480640px | Slight adjustments |\n| Tablet Small | 640768px | 2-column begins |\n| Tablet | 768920px | Standard tablet |\n| Desktop Small | 9201024px | Desktop layout begins |\n| Desktop | 10241280px | Standard desktop |\n| Large Desktop | 12801440px | Expanded |\n| Ultra-wide | 14401600px | Maximum layout |\n\n### Collapsing Strategy\n- Hero: 60px  scales down, maintains uppercase\n- Navigation: horizontal  hamburger\n- Photography: full-bleed maintained at all sizes\n- Content sections: stack vertically\n- Footer: multi-column  stacked\n\n## 9. Agent Prompt Guide\n\n### Quick Color Reference\n- Background: Pure White (`#ffffff`)\n- Text: Near Black (`#262626`)\n- Secondary text: Meta Gray (`#757575`)\n- Accent: BMW Blue (`#1c69d4`)\n- Focus: BMW Focus Blue (`#0653b6`)\n- Muted: Silver (`#bbbbbb`)\n\n### Example Component Prompts\n- \"Create a hero: full-width dark automotive photography background. Heading at 60px BMWTypeNextLatin Light weight 300, uppercase, line-height 1.30, white text. No border-radius anywhere.\"\n- \"Design navigation: dark background. BMWTypeNextLatin 18px weight 900 for links, white text. BMW logo 54x54. Sharp rectangular layout.\"\n- \"Build a button: 16px BMWTypeNextLatin weight 700, line-height 1.20. Sharp corners (0px radius). White bottom border on dark surface.\"\n- \"Create content section: white background. Heading at 32px weight 400, line-height 1.30, #262626. Body at 16px weight 400, line-height 1.15.\"\n\n### Iteration Guide\n1. Zero border-radius  every corner is sharp, no exceptions\n2. Weight extremes: 300 (display), 400 (body), 700 (buttons), 900 (nav)\n3. BMW Blue for interactive only  never as background or decoration\n4. Photography carries emotion  the UI is pure precision\n5. Tight line-heights everywhere  1.15 to 1.30 is the range","tags":["design","bmw","galyarder","framework","galyarderlabs","agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills"],"capabilities":["skill","source-galyarderlabs","skill-design-md-bmw","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-bmw","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 (9,644 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.745Z","embedding":null,"createdAt":"2026-05-10T01:06:43.737Z","updatedAt":"2026-05-18T19:07:45.745Z","lastSeenAt":"2026-05-18T19:07:45.745Z","tsv":"'0':864 '0653b6':179,357,886,1179 '0px':938,1246 '1':15,874,1280 '1.00':508,520,529 '1.13':497 '1.15':511,532,588,1277,1328 '1.151.30':310,982 '1.152.88':641 '1.20':1243 '1.202.88':523 '1.30':475,488,500,590,1207,1267,1330 '10241280px':1110 '10px':759 '12801440px':1115 '12px':760 '14401600px':1120 '15px':761 '16px':507,519,528,615,629,762,1236,1271 '18px':496,698,1220 '1c69d4':173,209,255,345,949,1174 '1px':657,756 '2':325,1096,1291 '2.00':485 '20px':763 '24px':764 '262626':372,1165,1268 '3':434,1302 '3.75':472 '300':100,120,247,304,474,542,560,928,1029,1202,1294 '30px':765 '32px':484,766,1261 '375480px':1085 '375px':1081 '4':624,1313 '400':487,510,531,635,1030,1263,1273,1296 '40px':767 '45px':768 '480640px':1090 '5':747,1322 '500600':1025 '54x54':1229 '54x54px':712 '56px':769 '5px':757 '6':856 '60px':115,471,572,612,770,1126,1198 '640768px':1095 '7':918 '700':522,632,1031,1239,1298 '757575':185,383,1170 '768920px':1100 '8':1071 '8px':754,758 '9':1151 '900':297,499,550,562,700,958,1032,1222,1300 '9201024px':1105 'accent':258,353,1017,1171 'access':882 'across':591 'activ':366 'add':1036 'adjust':1092 'agent':1152 'altern':40 'alway':575,1055 'analyz':855 'angular':235,269,852,940 'anywher':1214 'appli':956 'architectur':580 'area':56,818 'arial':445 'atmospher':18 'author':132,252,555 'automot':23,50,319,730,912,972,1193 'awar':166 'background':342,681,686,871,1010,1158,1195,1218,1258,1310 'base':752 'bbbbbb':393,1182 'begin':1098,1108 'behavior':1073 'black':371,1164 'bleed':49,318,729,867,971,1137 'blue':206,214,254,344,356,885,948,1008,1173,1178,1304 'bmw':4,11,14,19,74,148,154,211,231,253,343,354,710,837,883,891,947,1002,1007,1052,1172,1176,1227,1303 'bmwtypenextlatin':90,97,107,244,441,455,469,483,495,506,518,527,608,630,697,926,1199,1219,1237 'bodi':110,453,505,514,616,816,1269,1297 'bold':503,517 'border':227,266,649,653,662,671,692,832,1212,1250,1283 'border-radius':226,265,661,670,1211,1282 'bottom':652,1249 'bottom-bord':651 'brand':194,294,330 'breakpoint':1074 'breath':596 'build':1233 'built':88,190 'button':516,525,526,535,627,666,1235,1299 'car':65,741 'card':341,667 'carri':1043,1315 'center':778 'chang':1078 'characterist':243 'ci2020':75 'cinemat':59,733 'clean':53,421 'collaps':1123 'color':172,178,184,200,208,326,338,350,362,388,1156 'column':784,1087,1097,1149 'communic':31 'compact':825 'compon':625,1184 'compress':312,600,814,1056 'confid':37 'contain':668,674,772 'content':55,279,324,746,779,815,879,909,1142,1255 'context':165,170,176,182,197,291,336,348,360,386,987 'context-awar':164 'contrast':302,433,559,902,965,1065 'corner':238,272,678,840,936,997,1245,1286 'corpor':79 'creat':57,546,553,577,797,898,1186,1254 'css':158,284,988 'cta':524 'dark':43,72,275,378,411,655,685,708,732,791,868,904,1061,1192,1217,1252 'dark-surfac':410 'dark/light':431 'decor':224,718,955,1037,1312 'deep':42 'defin':82,123 'dens':829 'deploy':198 'depth':427,857,896 'design':2,5,9,12,28,76,188,233,853,1070,1215 'design-md-bmw':1 'desktop':1103,1106,1109,1112,1114 'detect':230,268,836 'differ':622 'display':104,250,305,439,467,538,570,613,932,1295 'distinct':155 'driven':161,287,647 'edg':736,738 'edge-to-edg':735 'effici':313,601 'eleg':548 'element':84,219,263,399,695,843,953,1038 'elev':858,916 'emot':1316 'emphasi':300,494,961 'engin':24,315,604 'entir':593,899 'everi':83,597,842,1285 'everyth':583,610,1044 'everywher':1327 'exampl':1183 'except':1290 'exclus':841 'expand':1116 'extrem':301,557,963,1033,1293 'fallback':138,443,457 'famili':438,607 'featur':46 'feel':799 'ffffff':333,407,659,1161 'flat':872 'flexibl':295 'focus':177,221,355,361,364,881,884,887,1175,1177 'font':144,437,461,606,1023 'footer':398,781,1146 'full':48,317,728,774,866,970,1136,1190 'full-ble':47,316,727,865,969,1135 'full-width':773,1189 'generous':795 'geometr':241 'geometri':274,941 'german':35,314,603 'german-engin':602 'gestur':125 'global':150,204 'gothic':448 'gray':382,1169 'grid':771,786 'guid':1154,1279 'hamburg':1133 'handl':609 'head':105,482,933,1196,1259 'header':709,724 'headlin':117,545 'heavi':539 'height':309,465,586,640,823,980,1051,1206,1242,1266,1276,1326 'helvetica':141,444 'hero':44,276,468,544,573,739,776,792,870,975,1062,1125,1188 'hero/feature':688 'hierarchi':459 'highlight':171,207,349 'hiragino':145,446,450 'home':720 'horizont':1132 'hover':404,420,713 'ident':80,1003 'imag':725,740 'imageri':869 'includ':140 'industri':36,273 'inform':828 'information-dens':827 'intent':967 'interact':218,262,352,400,422,952,1306 'item':504 'iter':1278 'japanes':143 'kaku':447 'keep':934,977 'key':242,1077 'keyboard':363 'languag':77 'larg':642,1012,1089,1113 'layout':748,1107,1122,1232 'level':859,863,873 'light':98,127,245,282,376,440,442,470,537,683,734,913,927,1200 'light-weight':126 'lighten':1059 'line':308,464,585,598,639,822,979,1050,1205,1241,1265,1275,1325 'line-height':307,584,638,821,978,1049,1204,1240,1264,1274,1324 'link':379,397,403,415,704,722,785,1224 'lit':70 'logo':711,1228 'luxuri':64 'made':25 'maintain':1129,1138 'major':490 'make':153 'massiv':102 'maximum':1121 'md':3,10 'medium':1022 'meiryo':146,452 'meta':381,1168 'metadata':391 'metainfo':183,387 'minim':424 'minimum':1082 'mobil':1079,1084,1088 'monument':579 'multi':193,196,783,1148 'multi-brand':192 'multi-column':782,1147 'multi-context':195 'mute':396,1180 'name':1075 'nav':493,703,1301 'navig':299,413,502,540,552,696,960,1131,1216 'near':370,1163 'negoti':945 'neutral':368 'never':223,954,1308 'non':944 'non-negoti':943 'none':418,719,835 'note':466 'noth':595 'one':619 'pace':790 'pad':646,796 'padding-driven':645 'page':39 'palett':327 'perform':33 'philosophi':788,890 'photograph':905 'photographi':51,277,320,429,731,742,777,862,973,1040,1134,1194,1314 'precis':32,846,1321 'presenc':151 'primari':322,329,339,351,373,634,702,744 'primarili':409 'principl':536,749 'prompt':1153,1185 'pron':449 'proprietari':92 'pure':331,1159,1320 'qualiti':581 'quick':1155 'radius':228,267,663,672,833,939,999,1213,1247,1284 'rang':1333 'rather':133 'rectangl':679,847 'rectangular':665,1231 'refer':7,1157 'reflect':147 'refresh':81 'regular':108 'relax':1048 'rem':473,486,498,509,521,530 'remain':714 'reminisc':61 'respons':1072 'rhythm':60,283 'role':328,460 'round':996 'rule':436 'san':451 'scale':369,755,834,1127 'secondari':389,637,1166 'section':45,280,432,481,491,684,689,780,793,880,906,910,976,1063,1143,1256 'shadow':423,425,878,889,895 'sharp':237,271,664,677,839,937,1230,1244,1288 'sharp-corn':236,270,676 'shout':135 'showroom':66,281,789,804 'signatur':213,565 'silver':392,1181 'singl':605,1086 'singular':257 'site':169,175,181,290,335,347,359,385,986 'site-context':289,985 'site-context-focus-color':174,358 'site-context-highlight-color':168,346 'site-context-metainfo-color':180,384 'site-context-theme-color':334 'size':462,648,1141 'skill' 'skill-design-md-bmw' 'slight':1091 'small':1080,1094,1104 'solid':658 'source-galyarderlabs' 'space':750,813,826 'spare':216 'spotlit':809 'stack':139,458,1144,1150 'standard':513,534,1101,1111 'stark':554 'state':222,367,401,888 'strategi':1124 'style':626 'suggest':186,408,644 'support':1083 'surfac':340,377,412,656,876,1013,1253 'swap':203 'system':6,13,29,163,189,426,594,751,854,1027 'tablet':1093,1099,1102 'tension':567 'tertiari':394 'text':113,374,380,390,395,414,478,515,628,706,717,721,817,1053,1162,1167,1209,1226 'text-decor':716 'text-transform':477 'theme':17,162,288,337,991 'throughout':311,983 'tight':306,476,489,501,512,533,582,820,981,1323 'titl':492 'token':292 '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' 'transform':479 'treatment':726,860 'ts':923 'two':95 'type':129 'typefac':93,620 'typograph':124,566 'typographi':86,435,1042 'ui':112,454,1318 'ultra':1118 'ultra-wid':1117 'uncompromis':240 'underlin':417 'unit':753 'uniti':617 'univers':568 'uppercas':103,116,248,480,569,576,929,1130,1203 'use':215,259,416,819,838,861,892,925,946,968,984,1006,1021,1028,1047 'variabl':160,167,286,989 'variable-driven':159,285 'variant':96 'variat':643 'vehicl':68,807 'vertic':1145 'virtual':893 'visibl':691 'visual':16,26,323,745 'vs':561 'walk':801 'wast':831 'websit':21 'weight':99,119,128,246,296,463,541,549,558,623,631,699,957,964,1024,1201,1221,1238,1262,1272,1292 'whisper':131,251,547 'white':54,278,332,406,650,680,705,715,875,908,1067,1160,1208,1225,1248,1257 'whitespac':787 'wide':1119 'width':775,1076,1191 'work':917 'zero':225,264,998,1281","prices":[{"id":"07b51e73-0781-464d-b851-2d830281699e","listingId":"39367be6-0938-4bdf-994c-57722abdc7a0","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.737Z"}],"sources":[{"listingId":"39367be6-0938-4bdf-994c-57722abdc7a0","source":"github","sourceId":"galyarderlabs/galyarder-framework/design-md-bmw","sourceUrl":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-bmw","isPrimary":false,"firstSeenAt":"2026-05-10T01:06:43.737Z","lastSeenAt":"2026-05-18T19:07:45.745Z"}],"details":{"listingId":"39367be6-0938-4bdf-994c-57722abdc7a0","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"galyarderlabs","slug":"design-md-bmw","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":"4d477361055623cb8811307d3786dbe9d5d8ba93","skill_md_path":"skills/design-md-bmw/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-bmw"},"layout":"multi","source":"github","category":"galyarder-framework","frontmatter":{"name":"design-md-bmw","description":"Design system reference for design md bmw."},"skills_sh_url":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-bmw"},"updatedAt":"2026-05-18T19:07:45.745Z"}}