{"id":"7313d408-1650-4c44-afdc-30aad5836bbb","shortId":"wx3rYS","kind":"skill","title":"design-md-cohere","tagline":"Design system reference for design md cohere.","description":"# Design System: Cohere\n\n## 1. Visual Theme & Atmosphere\n\nCohere's interface is a polished enterprise command deck  confident, clean, and designed to make AI feel like serious infrastructure rather than a consumer toy. The experience lives on a bright white canvas where content is organized into generously rounded cards (22px radius) that create an organic, cloud-like containment language. This is a site that speaks to CTOs and enterprise architects: professional without being cold, sophisticated without being intimidating.\n\nThe design language bridges two worlds with a dual-typeface system: CohereText, a custom display serif with tight tracking, gives headlines the gravitas of a technology manifesto, while Unica77 Cohere Web handles all body and UI text with geometric Swiss precision. This serif/sans pairing creates a \"confident authority meets engineering clarity\" personality that perfectly reflects an enterprise AI platform.\n\nColor is used with extreme restraint  the interface is almost entirely black-and-white with cool gray borders (`#d9d9dd`, `#e5e7eb`). Purple-violet appears only in photographic hero bands, gradient sections, and the interactive blue (`#1863dc`) that signals hover and focus states. This chromatic restraint means that when color DOES appear  in product screenshots, enterprise photography, and the deep purple section  it carries maximum visual weight.\n\n**Key Characteristics:**\n- Bright white canvas with cool gray containment borders\n- 22px signature border-radius  the distinctive \"Cohere card\" roundness\n- Dual custom typeface: CohereText (display serif) + Unica77 (body sans)\n- Enterprise-grade chromatic restraint: black, white, cool grays, minimal purple-blue accent\n- Deep purple/violet hero sections providing dramatic contrast\n- Ghost/transparent buttons that shift to blue on hover\n- Enterprise photography showing diverse real-world applications\n- CohereMono for code and technical labels with uppercase transforms\n\n## 2. Color Palette & Roles\n\n### Primary\n- **Cohere Black** (`#000000`): Primary headline text and maximum-emphasis elements.\n- **Near Black** (`#212121`): Standard body link color  slightly softer than pure black.\n- **Deep Dark** (`#17171c`): A blue-tinted near-black for navigation and dark-section text.\n\n### Secondary & Accent\n- **Interaction Blue** (`#1863dc`): The primary interactive accent  appears on button hover, focus states, and active links. The sole chromatic action color.\n- **Ring Blue** (`#4c6ee6` at 50%): Tailwind ring color for keyboard focus indicators.\n- **Focus Purple** (`#9b60aa`): Input focus border color  a muted violet.\n\n### Surface & Background\n- **Pure White** (`#ffffff`): The primary page background and card surface.\n- **Snow** (`#fafafa`): Subtle elevated surfaces and light-section backgrounds.\n- **Lightest Gray** (`#f2f2f2`): Card borders and the softest containment lines.\n\n### Neutrals & Text\n- **Muted Slate** (`#93939f`): De-emphasized footer links and tertiary text  a cool-toned gray with a slight blue-violet tint.\n- **Border Cool** (`#d9d9dd`): Standard section and list-item borders  a cool, slightly purple-tinted gray.\n- **Border Light** (`#e5e7eb`): Lighter border variant  Tailwind's standard gray-200.\n\n### Gradient System\n- **Purple-Violet Hero Band**: Deep purple gradient sections that create dramatic contrast against the white canvas. These appear as full-width bands housing product screenshots and key messaging.\n- **Dark Footer Gradient**: The page transitions through deep purple/charcoal to the black footer, creating a \"dusk\" effect.\n\n## 3. Typography Rules\n\n### Font Family\n- **Display**: `CohereText`, with fallbacks: `Space Grotesk, Inter, ui-sans-serif, system-ui`\n- **Body / UI**: `Unica77 Cohere Web`, with fallbacks: `Inter, Arial, ui-sans-serif, system-ui`\n- **Code**: `CohereMono`, with fallbacks: `Arial, ui-sans-serif, system-ui`\n- **Icons**: `CohereIconDefault` (custom icon font)\n\n### Hierarchy\n\n| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |\n|------|------|------|--------|-------------|----------------|-------|\n| Display / Hero | CohereText | 72px (4.5rem) | 400 | 1.00 (tight) | -1.44px | Maximum impact, serif authority |\n| Display Secondary | CohereText | 60px (3.75rem) | 400 | 1.00 (tight) | -1.2px | Large section headings |\n| Section Heading | Unica77 | 48px (3rem) | 400 | 1.20 (tight) | -0.48px | Feature section titles |\n| Sub-heading | Unica77 | 32px (2rem) | 400 | 1.20 (tight) | -0.32px | Card headings, feature names |\n| Feature Title | Unica77 | 24px (1.5rem) | 400 | 1.30 | normal | Smaller section titles |\n| Body Large | Unica77 | 18px (1.13rem) | 400 | 1.40 | normal | Intro paragraphs |\n| Body / Button | Unica77 | 16px (1rem) | 400 | 1.50 | normal | Standard body, button text |\n| Button Medium | Unica77 | 14px (0.88rem) | 500 | 1.71 (relaxed) | normal | Smaller buttons, emphasized labels |\n| Caption | Unica77 | 14px (0.88rem) | 400 | 1.40 | normal | Metadata, descriptions |\n| Uppercase Label | Unica77 / CohereMono | 14px (0.88rem) | 400 | 1.40 | 0.28px | Uppercase section labels |\n| Small | Unica77 | 12px (0.75rem) | 400 | 1.40 | normal | Smallest text, footer links |\n| Code Micro | CohereMono | 8px (0.5rem) | 400 | 1.40 | 0.16px | Tiny uppercase code labels |\n\n### Principles\n- **Serif for declaration, sans for utility**: CohereText carries the brand voice at display scale  its serif terminals give headlines the authority of published research. Unica77 handles everything functional with Swiss-geometric neutrality.\n- **Negative tracking at scale**: CohereText uses -1.2px to -1.44px letter-spacing at 6072px, creating dense, impactful text blocks.\n- **Single body weight**: Nearly all Unica77 usage is weight 400. Weight 500 appears only for small button emphasis. The system relies on size and spacing, not weight contrast.\n- **Uppercase code labels**: CohereMono uses uppercase with positive letter-spacing (0.160.28px) for technical tags and section markers.\n\n## 4. Component Stylings\n\n### Buttons\n\n**Ghost / Transparent**\n- Background: transparent (`rgba(255, 255, 255, 0)`)\n- Text: Cohere Black (`#000000`)\n- No border visible\n- Hover: text shifts to Interaction Blue (`#1863dc`), opacity 0.8\n- Focus: solid 2px outline in Interaction Blue\n- The primary button style  invisible until interacted with\n\n**Dark Solid**\n- Background: dark/black\n- Text: Pure White\n- For CTA on light surfaces\n- Pill-shaped or standard radius\n\n**Outlined**\n- Border-based containment\n- Used in secondary actions\n\n### Cards & Containers\n- Background: Pure White (`#ffffff`)\n- Border: thin solid Lightest Gray (`1px solid #f2f2f2`) for subtle cards; Cool Border (`#d9d9dd`) for emphasized\n- Radius: **22px**  the signature Cohere radius for primary cards, images, and dialog containers. Also 4px, 8px, 16px, 20px for smaller elements\n- Shadow: minimal  Cohere relies on background color and borders rather than shadows\n- Special: `0px 0px 22px 22px` radius (bottom-only rounding) for section containers\n- Dialog: 8px radius for modal/dialog boxes\n\n### Inputs & Forms\n- Text: white on dark input, black on light\n- Focus border: Focus Purple (`#9b60aa`) with `1px solid`\n- Focus shadow: red ring (`rgb(179, 0, 0) 0px 0px 0px 2px`)  likely for error state indication\n- Focus outline: Interaction Blue solid 2px\n\n### Navigation\n- Clean horizontal nav on white or dark background\n- Logo: Cohere wordmark (custom SVG)\n- Links: Dark text at 16px Unica77\n- CTA: Dark solid button\n- Mobile: hamburger collapse\n\n### Image Treatment\n- Enterprise photography with diverse subjects and environments\n- Purple-tinted hero photography for dramatic sections\n- Product UI screenshots on dark surfaces\n- Images with 22px radius matching card system\n- Full-bleed purple gradient sections\n\n### Distinctive Components\n\n**22px Card System**\n- The 22px border-radius is Cohere's visual signature\n- All primary cards, images, and containers use this radius\n- Creates a cloud-like, organic softness that's distinctive from the typical 812px\n\n**Enterprise Trust Bar**\n- Company logos displayed in a horizontal strip\n- Demonstrates enterprise adoption\n- Clean, monochrome logo treatment\n\n**Purple Hero Bands**\n- Full-width deep purple sections housing product showcases\n- Create dramatic visual breaks in the white page flow\n- Product screenshots float within the purple environment\n\n**Uppercase Code Tags**\n- CohereMono in uppercase with letter-spacing\n- Used as section markers and categorization labels\n- Creates a technical, structured information hierarchy\n\n## 5. Layout Principles\n\n### Spacing System\n- Base unit: 8px\n- Scale: 2px, 6px, 8px, 10px, 12px, 16px, 20px, 22px, 24px, 28px, 32px, 36px, 40px, 56px, 60px\n- Button padding varies by variant\n- Card internal padding: approximately 2432px\n- Section vertical spacing: generous (5660px between sections)\n\n### Grid & Container\n- Max container width: up to 2560px (very wide) with responsive scaling\n- Hero: centered with dramatic typography\n- Feature sections: multi-column card grids\n- Enterprise sections: full-width purple bands\n- 26 breakpoints detected  extremely granular responsive system\n\n### Whitespace Philosophy\n- **Enterprise clarity**: Each section presents one clear proposition with breathing room between.\n- **Photography as hero**: Large photographic sections provide visual interest without requiring decorative design elements.\n- **Card grouping**: Related content is grouped into 22px-rounded cards, creating natural information clusters.\n\n### Border Radius Scale\n- Sharp (4px): Navigation elements, small tags, pagination\n- Comfortable (8px): Dialog boxes, secondary containers, small cards\n- Generous (16px): Featured containers, medium cards\n- Large (20px): Large feature cards\n- Signature (22px): Primary cards, hero images, main containers  THE Cohere radius\n- Pill (9999px): Buttons, tags, status indicators\n\n## 6. Depth & Elevation\n\n| Level | Treatment | Use |\n|-------|-----------|-----|\n| Flat (Level 0) | No shadow, no border | Page background, text blocks |\n| Bordered (Level 1) | `1px solid #f2f2f2` or `#d9d9dd` | Standard cards, list separators |\n| Purple Band (Level 2) | Full-width dark purple background | Hero sections, feature showcases |\n\n**Shadow Philosophy**: Cohere is nearly shadow-free. Depth is communicated through **background color contrast** (white cards on purple bands, white surface on snow), **border containment** (cool gray borders), and the dramatic **light-to-dark section alternation**. When elements need elevation, they achieve it through being white-on-dark rather than through shadow casting.\n\n## 7. Do's and Don'ts\n\n### Do\n- Use 22px border-radius on all primary cards and containers  it's the visual signature\n- Use CohereText for display headings (72px, 60px) with negative letter-spacing\n- Use Unica77 for all body and UI text at weight 400\n- Keep the palette black-and-white with cool gray borders\n- Use Interaction Blue (#1863dc) only for hover/focus interactive states\n- Use deep purple sections for dramatic visual breaks and product showcases\n- Apply uppercase + letter-spacing on CohereMono for section labels\n- Maintain enterprise-appropriate photography with diverse subjects\n\n### Don't\n- Don't use border-radius other than 22px on primary cards  the signature radius matters\n- Don't introduce warm colors  the palette is strictly cool-toned\n- Don't use heavy shadows  depth comes from color contrast and borders\n- Don't use bold (700+) weight on body text  400500 is the range\n- Don't skip the serif/sans hierarchy  CohereText for headlines, Unica77 for body\n- Don't use purple as a surface color for cards  purple is reserved for full-width sections\n- Don't reduce section spacing below 40px  enterprise layouts need breathing room\n- Don't use decoration on buttons by default  ghost/transparent is the base state\n\n## 8. Responsive Behavior\n\n### Breakpoints\n| Name | Width | Key Changes |\n|------|-------|-------------|\n| Small Mobile | <425px | Compact layout, minimal spacing |\n| Mobile | 425640px | Single column, stacked cards |\n| Large Mobile | 640768px | Minor spacing adjustments |\n| Tablet | 7681024px | 2-column grids begin |\n| Desktop | 10241440px | Full multi-column layout |\n| Large Desktop | 14402560px | Maximum container width |\n\n*26 breakpoints detected  one of the most granularly responsive sites in the dataset.*\n\n### Touch Targets\n- Buttons adequately sized for touch interaction\n- Navigation links with comfortable spacing\n- Card surfaces as touch targets\n\n### Collapsing Strategy\n- **Navigation**: Full nav collapses to hamburger\n- **Feature grids**: Multi-column  2-column  single column\n- **Hero text**: 72px  48px  32px progressive scaling\n- **Purple sections**: Maintain full-width, content stacks\n- **Card grids**: 3  2  1 column\n\n### Image Behavior\n- Photography scales proportionally within 22px-radius containers\n- Product screenshots maintain aspect ratio\n- Purple sections scale background proportionally\n\n## 9. Agent Prompt Guide\n\n### Quick Color Reference\n- Primary Text: \"Cohere Black (#000000)\"\n- Page Background: \"Pure White (#ffffff)\"\n- Secondary Text: \"Near Black (#212121)\"\n- Hover Accent: \"Interaction Blue (#1863dc)\"\n- Muted Text: \"Muted Slate (#93939f)\"\n- Card Borders: \"Lightest Gray (#f2f2f2)\"\n- Section Borders: \"Border Cool (#d9d9dd)\"\n\n### Example Component Prompts\n- \"Create a hero section on Pure White (#ffffff) with CohereText at 72px weight 400, line-height 1.0, letter-spacing -1.44px. Cohere Black text. Subtitle in Unica77 at 18px weight 400, line-height 1.4.\"\n- \"Design a feature card with 22px border-radius, 1px solid Lightest Gray (#f2f2f2) border on white. Title in Unica77 at 32px, letter-spacing -0.32px. Body in Unica77 at 16px, Muted Slate (#93939f).\"\n- \"Build a ghost button: transparent background, Cohere Black text in Unica77 at 16px. On hover, text shifts to Interaction Blue (#1863dc) with 0.8 opacity. Focus: 2px solid Interaction Blue outline.\"\n- \"Create a deep purple full-width section with white text. CohereText at 60px for the heading. Product screenshot floats within using 22px border-radius.\"\n- \"Design a section label using CohereMono at 14px, uppercase, letter-spacing 0.28px. Muted Slate (#93939f) text.\"\n\n### Iteration Guide\n1. Focus on ONE component at a time\n2. Always use 22px radius for primary cards  \"the Cohere card roundness\"\n3. Specify the typeface  CohereText for headlines, Unica77 for body, CohereMono for labels\n4. Interactive elements use Interaction Blue (#1863dc) on hover only\n5. Keep surfaces white with cool gray borders  no warm tones\n6. Purple is for full-width sections, never card backgrounds","tags":["design","cohere","galyarder","framework","galyarderlabs","agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills"],"capabilities":["skill","source-galyarderlabs","skill-design-md-cohere","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-cohere","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 (14,598 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:46.258Z","embedding":null,"createdAt":"2026-05-10T01:06:44.380Z","updatedAt":"2026-05-18T19:07:46.258Z","lastSeenAt":"2026-05-18T19:07:46.258Z","tsv":"'-0.32':629,1906 '-0.48':615 '-1.2':602,774 '-1.44':587,777,1865 '-200':466 '0':848,1005,1006,1368 '0.16':728 '0.160.28':828 '0.28':703,1984 '0.5':724 '0.75':711 '0.8':864,1938 '0.88':674,687,699 '000000':299,852,1810 '0px':963,964,1007,1008,1009 '1':15,1379,1777,1992 '1.0':1861 '1.00':585,600 '1.13':651 '1.20':613,627 '1.30':642 '1.4':1880 '1.40':654,690,702,714,727 '1.5':639 '1.50':664 '1.71':677 '10241440px':1698 '10px':1203 '12px':710,1204 '14402560px':1706 '14px':673,686,698,1979 '16px':661,945,1040,1205,1333,1912,1928 '17171c':322 '179':1004 '1863dc':186,341,862,1519,1825,1936,2031 '18px':650,1874 '1px':918,997,1380,1890 '1rem':662 '2':292,1392,1693,1754,1776,2000 '20px':946,1206,1339 '212121':310,1820 '22px':60,227,930,965,966,1074,1087,1091,1207,1307,1344,1467,1564,1786,1886,1968,2003 '22px-radius':1785 '22px-rounded':1306 '2432px':1224 '24px':638,1208 '255':845,846,847 '2560px':1239 '26':1264,1710 '28px':1209 '2px':867,1010,1021,1200,1941 '2rem':625 '3':516,1775,2012 '3.75':597 '32px':624,1210,1762,1902 '36px':1211 '3rem':611 '4':836,2025 '4.5':582 '400':584,599,612,626,641,653,663,689,701,713,726,798,1504,1857,1876 '400500':1605 '40px':1212,1645 '425640px':1680 '425px':1674 '48px':610,1761 '4c6ee6':362 '4px':943,1318 '5':1191,2035 '50':364 '500':676,800 '5660px':1229 '56px':1213 '6':1360,2046 '6072px':783 '60px':596,1214,1488,1959 '640768px':1687 '6px':1201 '7':1459 '700':1600 '72px':581,1487,1760,1855 '7681024px':1692 '8':1664 '812px':1122 '8px':723,944,976,1198,1202,1325 '9':1799 '93939f':418,1830,1915,1988 '9999px':1355 '9b60aa':374,995 'accent':259,338,345,1822 'achiev':1446 'action':358,906 'activ':353 'adequ':1726 'adjust':1690 'adopt':1135 'agent':1800 'ai':34,148 'almost':159 'also':942 'altern':1440 'alway':2001 'appear':174,201,346,487,801 'appli':1536 'applic':282 'appropri':1549 'approxim':1223 'architect':81 'arial':543,555 'aspect':1792 'atmospher':18 'author':138,592,755 'background':383,390,403,842,882,909,955,1030,1374,1398,1415,1797,1812,1921,2056 'band':179,473,492,1142,1263,1390,1422 'bar':1125 'base':901,1196,1662 'begin':1696 'behavior':1666,1780 'black':162,251,298,309,319,329,510,851,988,1509,1809,1819,1868,1923 'black-and-whit':161,1508 'bleed':1081 'block':788,1376 'blue':185,258,272,325,340,361,436,861,871,1019,1518,1824,1935,1944,2030 'blue-tint':324 'blue-violet':435 'bodi':124,244,312,535,647,658,667,790,1498,1603,1620,1908,2021 'bold':1599 'border':168,226,230,377,408,439,448,456,460,854,900,913,925,958,992,1093,1314,1372,1377,1427,1431,1469,1515,1560,1595,1832,1837,1838,1888,1895,1970,2042 'border-bas':899 'border-radius':229,1092,1468,1559,1887,1969 'bottom':969 'bottom-on':968 'box':980,1327 'brand':744 'break':1155,1532 'breakpoint':1265,1667,1711 'breath':1282,1649 'bridg':93 'bright':49,219 'build':1916 'button':268,348,659,668,670,681,805,839,874,1045,1215,1356,1656,1725,1919 'canva':51,221,485 'caption':684 'card':59,235,392,407,631,907,923,937,1077,1088,1102,1220,1255,1299,1309,1331,1337,1342,1346,1386,1419,1474,1567,1630,1684,1736,1773,1831,1884,2007,2010,2055 'carri':213,742 'cast':1458 'categor':1183 'center':1246 'chang':1671 'characterist':218 'chromat':194,249,357 'clariti':141,1274 'clean':29,1023,1136 'clear':1279 'cloud':67,1112 'cloud-lik':66,1111 'cluster':1313 'code':285,551,720,732,818,1169 'coher':4,11,14,19,120,234,297,538,850,933,952,1032,1096,1352,1405,1808,1867,1922,2009 'cohereicondefault':564 'coheremono':283,552,697,722,820,1171,1542,1977,2022 'coheretext':102,240,522,580,595,741,772,1483,1615,1853,1957,2016 'cold':85 'collaps':1048,1741,1746 'color':150,199,293,314,359,367,378,956,1416,1576,1592,1628,1804 'column':1254,1682,1694,1702,1753,1755,1757,1778 'come':1590 'comfort':1324,1734 'command':26 'communic':1413 'compact':1675 'compani':1126 'compon':837,1086,1842,1996 'confid':28,137 'consum':42 'contain':69,225,412,902,908,941,974,1105,1233,1235,1329,1335,1350,1428,1476,1708,1788 'content':53,1302,1771 'contrast':266,481,816,1417,1593 'cool':166,223,253,429,440,450,924,1429,1513,1582,1839,2040 'cool-ton':428,1581 'creat':63,135,479,512,784,1109,1152,1185,1310,1844,1946 'cta':888,1042 'ctos':78 'custom':104,238,565,1034 'd9d9dd':169,441,926,1384,1840 'dark':321,334,499,880,986,1029,1037,1043,1070,1396,1438,1453 'dark-sect':333 'dark/black':883 'dataset':1722 'de':420 'de-emphas':419 'deck':27 'declar':737 'decor':1296,1654 'deep':209,260,320,474,506,1146,1526,1948 'default':1658 'demonstr':1133 'dens':785 'depth':1361,1411,1589 'descript':693 'design':2,5,9,12,31,91,1297,1881,1972 'design-md-coher':1 'desktop':1697,1705 'detect':1266,1712 'dialog':940,975,1326 'display':105,241,521,578,593,747,1128,1485 'distinct':233,1085,1118 'divers':278,1054,1552 'dramat':265,480,1064,1153,1248,1434,1530 'dual':99,237 'dual-typefac':98 'dusk':514 'e5e7eb':170,458 'effect':515 'element':307,949,1298,1320,1442,2027 'elev':397,1362,1444 'emphas':421,682,928 'emphasi':306,806 'engin':140 'enterpris':25,80,147,205,247,275,1051,1123,1134,1257,1273,1548,1646 'enterprise-appropri':1547 'enterprise-grad':246 'entir':160 'environ':1057,1167 'error':1013 'everyth':761 'exampl':1841 'experi':45 'extrem':154,1267 'f2f2f2':406,920,1382,1835,1894 'fafafa':395 'fallback':524,541,554 'famili':520 'featur':617,633,635,1250,1334,1341,1401,1749,1883 'feel':35 'ffffff':386,912,1815,1851 'flat':1366 'float':1163,1965 'flow':1160 'focus':191,350,370,372,376,865,991,993,999,1016,1940,1993 'font':519,567,570 'footer':422,500,511,718 'form':982 'free':1410 'full':490,1080,1144,1260,1394,1636,1699,1744,1769,1951,2051 'full-ble':1079 'full-width':489,1143,1259,1393,1635,1768,1950,2050 'function':762 'generous':57,1228,1332 'geometr':129,766 'ghost':840,1918 'ghost/transparent':267,1659 'give':110,752 'grade':248 'gradient':180,467,476,501,1083 'granular':1268,1717 'gravita':113 'gray':167,224,254,405,431,455,465,917,1430,1514,1834,1893,2041 'grid':1232,1256,1695,1750,1774 'grotesk':526 'group':1300,1304 'guid':1802,1991 'hamburg':1047,1748 'handl':122,760 'head':606,608,622,632,1486,1962 'headlin':111,301,753,1617,2018 'heavi':1587 'height':574,1860,1879 'hero':178,262,472,579,1061,1141,1245,1287,1347,1399,1758,1846 'hierarchi':568,1190,1614 'horizont':1024,1131 'hous':493,1149 'hover':189,274,349,856,1821,1930,2033 'hover/focus':1522 'icon':563,566 'imag':938,1049,1072,1103,1348,1779 'impact':590,786 'indic':371,1015,1359 'inform':1189,1312 'infrastructur':38 'input':375,981,987 'inter':527,542 'interact':184,339,344,860,870,878,1018,1517,1523,1730,1823,1934,1943,2026,2029 'interest':1293 'interfac':21,157 'intern':1221 'intimid':89 'intro':656 'introduc':1574 'invis':876 'item':447 'iter':1990 'keep':1505,2036 'key':217,497,1670 'keyboard':369 'label':288,683,695,707,733,819,1184,1545,1975,2024 'languag':70,92 'larg':604,648,1288,1338,1340,1685,1704 'layout':1192,1647,1676,1703 'letter':575,780,826,1176,1492,1539,1863,1904,1982 'letter-spac':779,825,1175,1491,1538,1862,1903,1981 'level':1363,1367,1378,1391 'light':401,457,890,990,1436 'light-sect':400 'light-to-dark':1435 'lighter':459 'lightest':404,916,1833,1892 'like':36,68,1011,1113 'line':413,573,1859,1878 'line-height':1858,1877 'link':313,354,423,719,1036,1732 'list':446,1387 'list-item':445 'live':46 'logo':1031,1127,1138 'main':1349 'maintain':1546,1767,1791 'make':33 'manifesto':117 'marker':835,1181 'match':1076 'matter':1571 'max':1234 'maximum':214,305,589,1707 'maximum-emphasi':304 'md':3,10 'mean':196 'medium':671,1336 'meet':139 'messag':498 'metadata':692 'micro':721 'minim':255,951,1677 'minor':1688 'mobil':1046,1673,1679,1686 'modal/dialog':979 'monochrom':1137 'multi':1253,1701,1752 'multi-column':1252,1700,1751 'mute':380,416,1826,1828,1913,1986 'name':634,1668 'natur':1311 'nav':1025,1745 'navig':331,1022,1319,1731,1743 'near':308,328,792,1407,1818 'near-black':327 'need':1443,1648 'negat':768,1490 'neutral':414,767 'never':2054 'normal':643,655,665,679,691,715 'note':577 'one':1278,1713,1995 'opac':863,1939 'organ':55,65,1114 'outlin':868,898,1017,1945 'pad':1216,1222 'page':389,503,1159,1373,1811 'pagin':1323 'pair':134 'palett':294,1507,1578 'paragraph':657 'perfect':144 'person':142 'philosophi':1272,1404 'photograph':177,1289 'photographi':206,276,1052,1062,1285,1550,1781 'pill':893,1354 'pill-shap':892 'platform':149 'polish':24 'posit':824 'precis':131 'present':1277 'primari':296,300,343,388,873,936,1101,1345,1473,1566,1806,2006 'principl':734,1193 'product':203,494,1066,1150,1161,1534,1789,1963 'profession':82 'progress':1763 'prompt':1801,1843 'proport':1783,1798 'proposit':1280 'provid':264,1291 'publish':757 'pure':318,384,885,910,1813,1849 'purpl':172,210,257,373,453,470,475,994,1059,1082,1140,1147,1166,1262,1389,1397,1421,1527,1624,1631,1765,1794,1949,2047 'purple-blu':256 'purple-tint':452,1058 'purple-violet':171,469 'purple/charcoal':507 'purple/violet':261 'px':588,603,616,630,704,729,775,778,829,1866,1907,1985 'quick':1803 'radius':61,231,897,929,934,967,977,1075,1094,1108,1315,1353,1470,1561,1570,1787,1889,1971,2004 'rang':1608 'rather':39,959,1454 'ratio':1793 'real':280 'real-world':279 'red':1001 'reduc':1641 'refer':7,1805 'reflect':145 'relat':1301 'relax':678 'reli':809,953 'rem':583,598,640,652,675,688,700,712,725 'requir':1295 'research':758 'reserv':1633 'respons':1243,1269,1665,1718 'restraint':155,195,250 'rgb':1003 'rgba':844 'ring':360,366,1002 'role':295,569 'room':1283,1650 'round':58,236,971,1308,2011 'rule':518 'san':245,530,546,558,738 'scale':748,771,1199,1244,1316,1764,1782,1796 'screenshot':204,495,1068,1162,1790,1964 'secondari':337,594,905,1328,1816 'section':181,211,263,335,402,443,477,605,607,618,645,706,834,973,1065,1084,1148,1180,1225,1231,1251,1258,1276,1290,1400,1439,1528,1544,1638,1642,1766,1795,1836,1847,1953,1974,2053 'separ':1388 'serif':106,242,531,547,559,591,735,750 'serif/sans':133,1613 'serious':37 'shadow':950,961,1000,1370,1403,1409,1457,1588 'shadow-fre':1408 'shape':894 'sharp':1317 'shift':270,858,1932 'show':277 'showcas':1151,1402,1535 'signal':188 'signatur':228,932,1099,1343,1481,1569 'singl':789,1681,1756 'site':74,1719 'size':571,811,1727 'skill' 'skill-design-md-cohere' 'skip':1611 'slate':417,1829,1914,1987 'slight':315,434,451 'small':708,804,1321,1330,1672 'smaller':644,680,948 'smallest':716 'snow':394,1426 'soft':1115 'softer':316 'softest':411 'sole':356 'solid':866,881,915,919,998,1020,1044,1381,1891,1942 'sophist':86 'source-galyarderlabs' 'space':525,576,781,813,827,1177,1194,1227,1493,1540,1643,1678,1689,1735,1864,1905,1983 'speak':76 'special':962 'specifi':2013 'stack':1683,1772 'standard':311,442,464,666,896,1385 'state':192,351,1014,1524,1663 'status':1358 'strategi':1742 'strict':1580 'strip':1132 'structur':1188 'style':838,875 'sub':621 'sub-head':620 'subject':1055,1553 'subtitl':1870 'subtl':396,922 'surfac':382,393,398,891,1071,1424,1627,1737,2037 'svg':1035 'swiss':130,765 'swiss-geometr':764 'system':6,13,101,468,533,549,561,808,1078,1089,1195,1270 'system-ui':532,548,560 'tablet':1691 'tag':832,1170,1322,1357 'tailwind':365,462 'target':1724,1740 'technic':287,831,1187 'technolog':116 'termin':751 'tertiari':425 'text':127,302,336,415,426,669,717,787,849,857,884,983,1038,1375,1501,1604,1759,1807,1817,1827,1869,1924,1931,1956,1989 'theme':17 'thin':914 'tight':108,586,601,614,628 'time':1999 'tini':730 'tint':326,438,454,1060 'titl':619,636,646,1898 'tone':430,1583,2045 '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':1723,1729,1739 'toy':43 'track':109,769 'transform':291 'transit':504 'transpar':841,843,1920 'treatment':1050,1139,1364 'trust':1124 'ts':1464 'two':94 'typefac':100,239,2015 'typic':1121 'typographi':517,1249 'ui':126,529,534,536,545,550,557,562,1067,1500 'ui-sans-serif':528,544,556 'unica77':119,243,537,609,623,637,649,660,672,685,696,709,759,794,1041,1495,1618,1872,1900,1910,1926,2019 'unit':1197 'uppercas':290,694,705,731,817,822,1168,1173,1537,1980 'usag':795 'use':152,773,821,903,1106,1178,1365,1466,1482,1494,1516,1525,1558,1586,1598,1623,1653,1967,1976,2002,2028 'util':740 'vari':1217 'variant':461,1219 'vertic':1226 'violet':173,381,437,471 'visibl':855 'visual':16,215,1098,1154,1292,1480,1531 'voic':745 'warm':1575,2044 'web':121,539 'weight':216,572,791,797,799,815,1503,1601,1856,1875 'white':50,164,220,252,385,484,886,911,984,1027,1158,1418,1423,1451,1511,1814,1850,1897,1955,2038 'white-on-dark':1450 'whitespac':1271 'wide':1241 'width':491,1145,1236,1261,1395,1637,1669,1709,1770,1952,2052 'within':1164,1784,1966 'without':83,87,1294 'wordmark':1033 'world':95,281","prices":[{"id":"99f7d01b-d056-4189-8d88-12d61690a1d2","listingId":"7313d408-1650-4c44-afdc-30aad5836bbb","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:44.380Z"}],"sources":[{"listingId":"7313d408-1650-4c44-afdc-30aad5836bbb","source":"github","sourceId":"galyarderlabs/galyarder-framework/design-md-cohere","sourceUrl":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-cohere","isPrimary":false,"firstSeenAt":"2026-05-10T01:06:44.380Z","lastSeenAt":"2026-05-18T19:07:46.258Z"}],"details":{"listingId":"7313d408-1650-4c44-afdc-30aad5836bbb","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"galyarderlabs","slug":"design-md-cohere","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":"205250ccb401ff9c5e4f44d0f87d1625c03c4714","skill_md_path":"skills/design-md-cohere/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-cohere"},"layout":"multi","source":"github","category":"galyarder-framework","frontmatter":{"name":"design-md-cohere","description":"Design system reference for design md cohere."},"skills_sh_url":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-cohere"},"updatedAt":"2026-05-18T19:07:46.258Z"}}