{"id":"1ea8c0ca-7aa8-4eff-9bed-22a0a61805f1","shortId":"Kmr7dq","kind":"skill","title":"design-md-mintlify","tagline":"Design system reference for design md mintlify.","description":"# Design System: Mintlify\n\n## 1. Visual Theme & Atmosphere\n\nMintlify's website is a study in documentation-as-product design  a white, airy, information-rich surface that treats clarity as its highest aesthetic value. The page opens with a luminous white (`#ffffff`) background, near-black (`#0d0d0d`) text, and a signature green brand accent (`#18E299`) that signals freshness and intelligence without dominating the palette. The overall mood is calm, confident, and engineered for legibility  a design system that whispers \"we care about your developer experience\" in every pixel.\n\nThe Inter font family carries the entire typographic load. At display sizes (4064px), it uses tight negative letter-spacing (-0.8px to -1.28px) and semibold weight (600), creating headlines that feel focused and compressed like well-written documentation headers. Body text at 1618px with 150% line-height provides generous reading comfort. Geist Mono appears exclusively for code and technical labels  uppercase, tracked-out, small  the voice of the terminal inside the marketing page.\n\nWhat distinguishes Mintlify from other documentation platforms is its atmospheric gradient hero. A soft, cloud-like green-to-white gradient wash behind the hero content creates a sense of ethereal intelligence  documentation that floats above the noise. Below the hero, the page settles into a disciplined alternation of white sections separated by subtle 5% opacity borders. Cards use generous padding (24px+) with large radii (16px24px) and whisper-thin borders, creating containers that feel open rather than boxed.\n\n**Key Characteristics:**\n- Inter with tight negative tracking at display sizes (-0.8px to -1.28px)  compressed yet readable\n- Geist Mono for code labels: uppercase, 12px, tracked-out, the terminal voice\n- Brand green (`#18E299`) used sparingly  CTAs, hover states, focus rings, and accent touches\n- Atmospheric gradient hero with cloud-like green-white wash\n- Ultra-round corners: 16px for containers, 24px for featured cards, full-round (9999px) for buttons and pills\n- Subtle 5% opacity borders (`rgba(0,0,0,0.05)`) creating barely-there separation\n- 8px base spacing system with generous section padding (48px96px)\n- Clean white canvas  no gray backgrounds, no color sections, depth through borders and whitespace alone\n\n## 2. Color Palette & Roles\n\n### Primary\n- **Near Black** (`#0d0d0d`): Primary text, headings, dark surfaces. Not pure black  the micro-softness improves reading comfort.\n- **Pure White** (`#ffffff`): Page background, card surfaces, input backgrounds.\n- **Brand Green** (`#18E299`): The signature accent  CTAs, links on hover, focus rings, brand identity.\n\n### Secondary Accents\n- **Brand Green Light** (`#d4fae8`): Tinted green surface for badges, hover states, subtle backgrounds.\n- **Brand Green Deep** (`#0fa76e`): Darker green for text on light-green badges, hover states on brand elements.\n- **Warm Amber** (`#c37d0d`): Warning states, caution badges  `--twoslash-warn-bg`.\n- **Soft Blue** (`#3772cf`): Tag backgrounds, informational annotations  `--twoslash-tag-bg`.\n- **Error Red** (`#d45656`): Error states, destructive actions  `--twoslash-error-bg`.\n\n### Neutral Scale\n- **Gray 900** (`#0d0d0d`): Primary heading text, nav links.\n- **Gray 700** (`#333333`): Secondary text, descriptions, body copy.\n- **Gray 500** (`#666666`): Tertiary text, muted labels.\n- **Gray 400** (`#888888`): Placeholder text, disabled states, code annotations.\n- **Gray 200** (`#e5e5e5`): Borders, dividers, card outlines.\n- **Gray 100** (`#f5f5f5`): Subtle surface backgrounds, hover states.\n- **Gray 50** (`#fafafa`): Near-white surface tint.\n\n### Interactive\n- **Link Default** (`#0d0d0d`): Links match text color, relying on underline/context.\n- **Link Hover** (`#18E299`): Brand green on hover  `var(--color-brand)`.\n- **Focus Ring** (`#18E299`): Brand green focus outline for inputs and interactive elements.\n\n### Surface & Overlay\n- **Card Background** (`#ffffff`): White cards on white background, separated by borders.\n- **Border Subtle** (`rgba(0,0,0,0.05)`): 5% black opacity borders  the primary separation mechanism.\n- **Border Medium** (`rgba(0,0,0,0.08)`): Slightly stronger borders for interactive elements.\n- **Input Border Focus** (`var(--color-brand)`): Green ring on focused inputs.\n\n### Shadows & Depth\n- **Card Shadow** (`rgba(0,0,0,0.03) 0px 2px 4px`): Barely-there ambient shadow for subtle lift.\n- **Button Shadow** (`rgba(0,0,0,0.06) 0px 1px 2px`): Micro-shadow for button depth.\n- **No heavy shadows**: Mintlify relies on borders, not shadows, for depth.\n\n## 3. Typography Rules\n\n### Font Family\n- **Primary**: `Inter`, with fallback: `Inter Fallback, system-ui, -apple-system, sans-serif`\n- **Monospace**: `Geist Mono`, with fallback: `Geist Mono Fallback, ui-monospace, SFMono-Regular, monospace`\n\n### Hierarchy\n\n| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |\n|------|------|------|--------|-------------|----------------|-------|\n| Display Hero | Inter | 64px (4.00rem) | 600 | 1.15 (tight) | -1.28px | Maximum impact, hero headlines |\n| Section Heading | Inter | 40px (2.50rem) | 600 | 1.10 (tight) | -0.8px | Feature section titles |\n| Sub-heading | Inter | 24px (1.50rem) | 500 | 1.30 (tight) | -0.24px | Card headings, sub-sections |\n| Card Title | Inter | 20px (1.25rem) | 600 | 1.30 (tight) | -0.2px | Feature card titles |\n| Card Title Light | Inter | 20px (1.25rem) | 500 | 1.30 (tight) | -0.2px | Secondary card headings |\n| Body Large | Inter | 18px (1.13rem) | 400 | 1.50 | normal | Hero descriptions, introductions |\n| Body | Inter | 16px (1.00rem) | 400 | 1.50 | normal | Standard reading text |\n| Body Medium | Inter | 16px (1.00rem) | 500 | 1.50 | normal | Navigation, emphasized text |\n| Button | Inter | 15px (0.94rem) | 500 | 1.50 | normal | Button labels |\n| Link | Inter | 14px (0.88rem) | 500 | 1.50 | normal | Navigation links, small CTAs |\n| Caption | Inter | 14px (0.88rem) | 400500 | 1.501.71 | normal | Metadata, descriptions |\n| Label Uppercase | Inter | 13px (0.81rem) | 500 | 1.50 | 0.65px | `text-transform: uppercase`, section labels |\n| Small | Inter | 13px (0.81rem) | 400500 | 1.50 | -0.26px | Small body text |\n| Mono Code | Geist Mono | 12px (0.75rem) | 500 | 1.50 | 0.6px | `text-transform: uppercase`, technical labels |\n| Mono Badge | Geist Mono | 12px (0.75rem) | 600 | 1.50 | 0.6px | `text-transform: uppercase`, status badges |\n| Mono Micro | Geist Mono | 10px (0.63rem) | 500 | 1.50 | normal | `text-transform: uppercase`, tiny labels |\n\n### Principles\n- **Tight tracking at display sizes**: Inter at 4064px uses -0.8px to -1.28px letter-spacing. This compression creates headlines that feel deliberate and space-efficient  documentation headings, not billboard copy.\n- **Relaxed reading at body sizes**: 1618px body text uses normal tracking with 150% line-height, creating generous reading lanes. Documentation demands comfort.\n- **Two-font system**: Inter for all human-readable content, Geist Mono exclusively for technical/code contexts. The boundary is strict  no mixing.\n- **Uppercase as hierarchy signal**: Section labels and technical tags use uppercase + positive tracking (0.6px0.65px) as a clear visual delimiter between content types.\n- **Three weights**: 400 (body/reading), 500 (UI/navigation/emphasis), 600 (headings/titles). No bold (700) in the system.\n\n## 4. Component Stylings\n\n### Buttons\n\n**Primary Brand (Full-round)**\n- Background: `#0d0d0d` (near-black)\n- Text: `#ffffff`\n- Padding: 8px 24px\n- Radius: 9999px (full pill)\n- Font: Inter 15px weight 500\n- Shadow: `rgba(0,0,0,0.06) 0px 1px 2px`\n- Hover: opacity 0.9\n- Use: Primary CTA (\"Get Started\", \"Start Building\")\n\n**Secondary / Ghost (Full-round)**\n- Background: `#ffffff`\n- Text: `#0d0d0d`\n- Padding: 4.5px 12px\n- Radius: 9999px (full pill)\n- Border: `1px solid rgba(0,0,0,0.08)`\n- Font: Inter 15px weight 500\n- Hover: opacity 0.9\n- Use: Secondary actions (\"Request Demo\", \"View Docs\")\n\n**Transparent / Nav Button**\n- Background: transparent\n- Text: `#0d0d0d`\n- Padding: 5px 6px\n- Radius: 8px\n- Border: none or `1px solid rgba(0,0,0,0.05)`\n- Use: Navigation items, icon buttons\n\n**Brand Accent Button**\n- Background: `#18E299`\n- Text: `#0d0d0d`\n- Padding: 8px 24px\n- Radius: 9999px\n- Use: Special promotional CTAs\n\n### Cards & Containers\n\n**Standard Card**\n- Background: `#ffffff`\n- Border: `1px solid rgba(0,0,0,0.05)`\n- Radius: 16px\n- Padding: 24px\n- Shadow: `rgba(0,0,0,0.03) 0px 2px 4px`\n- Hover: subtle border darkening to `rgba(0,0,0,0.08)`\n\n**Featured Card**\n- Background: `#ffffff`\n- Border: `1px solid rgba(0,0,0,0.05)`\n- Radius: 24px\n- Padding: 32px\n- Inner content areas may have their own 16px radius containers\n\n**Logo/Trust Card**\n- Background: `#fafafa` or `#ffffff`\n- Border: `1px solid rgba(0,0,0,0.05)`\n- Radius: 16px\n- Centered logo/icon with consistent sizing\n\n### Inputs & Forms\n\n**Email Input**\n- Background: transparent or `#ffffff`\n- Text: `#0d0d0d`\n- Padding: 0px 12px (height controlled by line-height)\n- Border: `1px solid rgba(0,0,0,0.08)`\n- Radius: 9999px (full pill, matching buttons)\n- Focus: `1px solid var(--color-brand)` + `outline: 1px solid var(--color-brand)`\n- Placeholder: `#888888`\n\n### Navigation\n- Clean horizontal nav on white, sticky with backdrop blur\n- Brand logotype left-aligned\n- Links: Inter 1415px weight 500, `#0d0d0d` text\n- Hover: color shifts to brand green `var(--color-brand)`\n- CTA: dark pill button right-aligned (\"Get Started\")\n- Mobile: hamburger menu collapse at 768px\n\n### Image Treatment\n- Product screenshots with subtle 1px borders\n- Rounded containers: 16px24px radius\n- Atmospheric gradient backgrounds behind hero images\n- Cloud/sky imagery with soft green tinting\n\n### Distinctive Components\n\n**Atmospheric Hero**\n- Full-width gradient wash: soft green-to-white cloud-like gradient\n- Centered headline with tight tracking\n- Subtitle in muted gray\n- Dual CTA buttons (dark primary + ghost secondary)\n- The gradient creates a sense of elevation and intelligence\n\n**Trust Bar / Logo Grid**\n- \"Loved by your favorite companies\" section\n- Company logos in muted grayscale\n- Grid or horizontal layout with consistent sizing\n- Subtle border separation between logos\n\n**Feature Cards with Icons**\n- Icon or illustration at top\n- Title at 20px weight 600\n- Description at 1416px in gray\n- Consistent padding and border treatment\n- Grid layout: 23 columns on desktop\n\n**CTA Footer Section**\n- Dark or gradient background\n- Large headline: \"Make documentation your winning advantage\"\n- Email input with pill styling\n- Brand green accent on CTAs\n\n## 5. Layout Principles\n\n### Spacing System\n- Base unit: 8px\n- Scale: 2px, 4px, 5px, 6px, 7px, 8px, 10px, 12px, 16px, 24px, 32px, 48px, 64px\n- Section padding: 48px96px vertical\n- Card padding: 24px32px\n- Component gaps: 8px16px\n\n### Grid & Container\n- Max content width: approximately 1200px\n- Hero: centered single-column with generous top padding (96px+)\n- Feature sections: 23 column CSS Grid for cards\n- Full-width sections with contained content\n- Consistent horizontal padding: 24px (mobile) to 32px (desktop)\n\n### Whitespace Philosophy\n- **Documentation-grade breathing room**: Every element has generous surrounding whitespace. Mintlify sells documentation, so the marketing page itself demonstrates reading comfort.\n- **Sections as chapters**: Each feature section is a self-contained unit with 48px96px vertical padding, creating clear \"chapter breaks.\"\n- **Content density is low**: Unlike developer tools that pack the page, Mintlify uses 12 key messages per section with supporting imagery.\n\n### Border Radius Scale\n- Small (4px): Inline code, small tags, tooltips\n- Medium (8px): Nav buttons, transparent buttons, small containers\n- Standard (16px): Cards, content containers, image wrappers\n- Large (24px): Featured cards, hero containers, section panels\n- Full Pill (9999px): Buttons, inputs, badges, pills  the signature shape\n\n## 6. Depth & Elevation\n\n| Level | Treatment | Use |\n|-------|-----------|-----|\n| Flat (Level 0) | No shadow, no border | Page background, text blocks |\n| Subtle Border (Level 1) | `1px solid rgba(0,0,0,0.05)` | Standard card borders, dividers |\n| Medium Border (Level 1b) | `1px solid rgba(0,0,0,0.08)` | Interactive elements, input borders |\n| Ambient Shadow (Level 2) | `rgba(0,0,0,0.03) 0px 2px 4px` | Cards with subtle lift |\n| Button Shadow (Level 2b) | `rgba(0,0,0,0.06) 0px 1px 2px` | Button micro-depth |\n| Focus Ring (Accessibility) | `1px solid #18E299` outline | Focused inputs, active interactive elements |\n\n**Shadow Philosophy**: Mintlify barely uses shadows. The depth system is almost entirely border-driven  ultra-subtle 5% opacity borders create separation without visual weight. When shadows appear, they're atmospheric whispers (`0.03 opacity, 2px blur, 4px spread`) that add the barest sense of lift. This restraint keeps the page feeling flat and paper-like  appropriate for a documentation company whose product is about clarity and readability.\n\n### Decorative Depth\n- Hero gradient: atmospheric green-white cloud gradient behind hero content\n- No background color alternation  white on white throughout\n- Depth comes from border opacity variation (5%  8%) and whitespace\n\n## 7. Dark Mode\n\n### Color Inversions\n- **Background**: `#0d0d0d` (near-black)\n- **Text Primary**: `#ededed` (near-white)\n- **Text Secondary**: `#a0a0a0` (muted gray)\n- **Brand Green**: `#18E299` (unchanged  the green works on both backgrounds)\n- **Border**: `rgba(255,255,255,0.08)` (white at 8% opacity)\n- **Card Background**: `#141414` (slightly lighter than page)\n- **Shadow**: `rgba(0,0,0,0.4) 0px 2px 4px` (stronger shadow for contrast)\n\n### Key Adjustments\n- Buttons invert: white background dark text becomes dark background light text\n- Badge backgrounds shift to deeper tones with lighter text\n- Focus ring remains brand green\n- Hero gradient shifts to dark-tinted green atmospheric wash\n\n## 8. Responsive Behavior\n\n### Breakpoints\n| Name | Width | Key Changes |\n|------|-------|-------------|\n| Mobile | <768px | Single column, stacked layout, hamburger nav |\n| Tablet | 7681024px | Two-column grids begin, expanded padding |\n| Desktop | >1024px | Full layout, 3-column grids, maximum content width |\n\n### Touch Targets\n- Buttons with full-pill shape have comfortable 8px+ vertical padding\n- Navigation links spaced with adequate 16px+ gaps\n- Mobile menu provides full-width tap targets\n\n### Collapsing Strategy\n- Hero: 64px  40px headline, maintains tight tracking proportionally\n- Navigation: horizontal links + CTA  hamburger menu at 768px\n- Feature cards: 3-column  2-column  single column stacked\n- Section spacing: 96px  48px on mobile\n- Footer: multi-column  stacked single column\n- Trust bar: grid  horizontal scroll or stacked\n\n### Image Behavior\n- Product screenshots maintain aspect ratio with responsive containers\n- Hero gradient simplifies on mobile\n- Full-width sections maintain edge-to-edge treatment\n\n## 9. Agent Prompt Guide\n\n### Quick Color Reference\n- Primary CTA: Near Black (`#0d0d0d`)\n- Background: Pure White (`#ffffff`)\n- Heading text: Near Black (`#0d0d0d`)\n- Body text: Gray 700 (`#333333`)\n- Border: `rgba(0,0,0,0.05)` (5% opacity)\n- Brand accent: Green (`#18E299`)\n- Link hover: Brand Green (`#18E299`)\n- Focus ring: Brand Green (`#18E299`)\n\n### Example Component Prompts\n- \"Create a hero section on white background with atmospheric green-white gradient wash. Headline at 64px Inter weight 600, line-height 1.15, letter-spacing -1.28px, color #0d0d0d. Subtitle at 18px Inter weight 400, line-height 1.50, color #666666. Dark pill CTA (#0d0d0d, 9999px radius, 8px 24px padding) and ghost pill button (white, 1px solid rgba(0,0,0,0.08), 9999px radius).\"\n- \"Design a card: white background, 1px solid rgba(0,0,0,0.05) border, 16px radius, 24px padding, shadow rgba(0,0,0,0.03) 0px 2px 4px. Title at 20px Inter weight 600, letter-spacing -0.2px. Body at 14px weight 400, #666666.\"\n- \"Build a pill badge: #d4fae8 background, #0fa76e text, 9999px radius, 4px 12px padding, 13px Inter weight 500, uppercase.\"\n- \"Create navigation: white sticky header with backdrop-filter blur(12px). Inter 15px weight 500 for links, #0d0d0d text. Dark pill CTA 'Get Started' right-aligned, 9999px radius. Bottom border: 1px solid rgba(0,0,0,0.05).\"\n- \"Design a trust section showing company logos in muted gray. Grid layout with 16px radius containers, 1px border at 5% opacity. Label above: 'Loved by your favorite companies' at 13px Inter weight 500, uppercase, tracking 0.65px.\"\n\n### Iteration Guide\n1. Always use full-pill radius (9999px) for buttons and inputs  this is Mintlify's signature shape\n2. Keep borders at 5% opacity (`rgba(0,0,0,0.05)`)  stronger borders break the airy feeling\n3. Letter-spacing scales with font size: -1.28px at 64px, -0.8px at 40px, -0.24px at 24px, normal at 16px\n4. Three weights only: 400 (read), 500 (interact), 600 (announce)\n5. Brand green (`#18E299`) is used sparingly  CTAs and hover states only, never for decorative fills\n6. Geist Mono uppercase for technical labels, Inter for everything else\n7. Section padding is generous: 64px96px on desktop, 48px on mobile\n8. No gray background sections  white throughout, separation through borders and whitespace","tags":["design","mintlify","galyarder","framework","galyarderlabs","agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills"],"capabilities":["skill","source-galyarderlabs","skill-design-md-mintlify","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-mintlify","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 (17,246 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:47.722Z","embedding":null,"createdAt":"2026-05-10T01:06:45.949Z","updatedAt":"2026-05-18T19:07:47.722Z","lastSeenAt":"2026-05-18T19:07:47.722Z","tsv":"'-0.2':773,788,2269 '-0.24':757,2423 '-0.26':883 '-0.8':120,268,742,948,2419 '-1.28':123,271,727,951,2195,2415 '0':337,338,339,589,590,591,604,605,606,631,632,633,649,650,651,1085,1086,1087,1123,1124,1125,1160,1161,1162,1195,1196,1197,1205,1206,1207,1218,1219,1220,1230,1231,1232,1258,1259,1260,1292,1293,1294,1701,1717,1718,1719,1732,1733,1734,1745,1746,1747,1761,1762,1763,1934,1935,1936,2145,2146,2147,2228,2229,2230,2242,2243,2244,2253,2254,2255,2329,2330,2331,2397,2398,2399 '0.03':634,1208,1748,1817,2256 '0.05':340,592,1163,1198,1233,1261,1720,2148,2245,2332,2400 '0.06':652,1088,1764 '0.08':607,1126,1221,1295,1735,1920,2231 '0.4':1937 '0.6':897,914,1031 '0.63':927 '0.65':868,2368 '0.75':893,910 '0.81':864,879 '0.88':841,853 '0.9':1094,1134 '0.94':831 '0d0d0d':58,377,486,542,1065,1110,1148,1175,1278,1338,1890,2128,2137,2198,2214,2312 '0fa76e':434,2283 '0px':635,653,1089,1209,1280,1749,1765,1938,2257 '1':15,1713,2372 '1.00':808,820 '1.10':740 '1.13':797 '1.15':725,2191 '1.25':768,783 '1.30':755,771,786 '1.50':752,800,811,823,834,844,867,882,896,913,930,2208 '1.501.71':856 '100':524 '1024px':2008 '10px':926,1528 '12':1642 '1200px':1551 '12px':282,892,909,1114,1281,1529,2288,2305 '13px':863,878,2290,2362 '141414':1927 '1415px':1335 '1416px':1475 '14px':840,852,2273 '150':147,984 '15px':830,1080,1129,2307 '1618px':145,977 '16px':317,807,819,1200,1245,1263,1530,1669,2035,2247,2346,2429 '16px24px':244,1375 '18e299':66,291,404,552,563,1173,1777,1907,2154,2159,2164,2443 '18px':796,2201 '1b':1728 '1px':654,1090,1120,1157,1192,1227,1255,1289,1303,1310,1371,1714,1729,1766,1775,2225,2239,2326,2349 '2':370,1743,2067,2390 '2.50':737 '200':517 '20px':767,782,1470,2262 '23':1485,1564 '24px':240,320,751,1073,1178,1202,1235,1531,1580,1676,2218,2249,2426 '24px32px':1541 '255':1917,1918,1919 '2b':1759 '2px':636,655,1091,1210,1522,1750,1767,1819,1939,2258 '3':673,2011,2065,2407 '32px':1237,1532,1583 '333333':494,2142 '3772cf':462 '4':1055,2430 '4.00':722 '4.5':1112 '400':508,799,810,1043,2204,2275,2434 '400500':855,881 '4064px':112,946 '40px':736,2049,2422 '48px':1533,2075,2475 '48px96px':354,1537,1622 '4px':637,1211,1523,1654,1751,1821,1940,2259,2287 '5':233,333,593,1513,1802,1880,2149,2352,2394,2440 '50':532 '500':501,754,785,822,833,843,866,895,929,1045,1082,1131,1337,2293,2309,2365,2436 '5px':1150,1524 '6':1693,2456 '600':128,724,739,770,912,1047,1472,2187,2265,2438 '64px':721,1534,2048,2184,2418 '64px96px':2472 '666666':502,2210,2276 '6px':1151,1525 '7':1884,2467 '700':493,1051,2141 '7681024px':1999 '768px':1364,1991,2062 '7px':1526 '8':1881,1923,1982,2478 '888888':509,1317 '8px':346,1072,1153,1177,1520,1527,1661,2027,2217 '8px16px':1544 '9':2117 '900':485 '96px':1561,2074 '9999px':327,1075,1116,1180,1297,1685,2215,2232,2285,2322,2379 'a0a0a0':1902 'accent':65,300,407,417,1170,1510,2152 'access':1774 'action':477,1137 'activ':1781 'add':1824 'adequ':2034 'adjust':1946 'advantag':1502 'aesthet':44 'agent':2118 'airi':33,2405 'align':1332,1356,2321 'almost':1794 'alon':369 'altern':226,1869 'alway':2373 'amber':450 'ambient':641,1740 'annot':466,515 'announc':2439 'appear':157,1812 'appl':688 'apple-system':687 'appropri':1841 'approxim':1550 'area':1240 'aspect':2097 'atmospher':18,187,302,1377,1391,1815,1857,1980,2176 'backdrop':1326,2302 'backdrop-filt':2301 'background':54,360,397,401,430,464,528,576,582,1064,1107,1145,1172,1189,1224,1250,1273,1379,1495,1707,1867,1889,1914,1926,1950,1955,1959,2129,2174,2238,2282,2481 'badg':426,443,455,906,921,1688,1958,2280 'bar':1433,2086 'bare':343,639,1787 'barely-ther':342,638 'barest':1826 'base':347,1518 'becom':1953 'begin':2004 'behavior':1984,2093 'behind':201,1380,1863 'bg':459,470,481 'billboard':970 'black':57,376,385,594,1068,1893,2127,2136 'block':1709 'blue':461 'blur':1327,1820,2304 'bodi':142,498,793,805,816,886,975,978,2138,2271 'body/reading':1044 'bold':1050 'border':235,249,335,366,519,585,586,596,601,610,615,668,1119,1154,1191,1214,1226,1254,1288,1372,1455,1481,1650,1705,1711,1723,1726,1739,1797,1804,1877,1915,2143,2246,2325,2350,2392,2402,2487 'border-driven':1796 'bottom':2324 'boundari':1013 'box':257 'brand':64,289,402,414,418,431,447,553,560,564,620,1060,1169,1308,1315,1328,1344,1349,1508,1905,1970,2151,2157,2162,2441 'break':1628,2403 'breakpoint':1985 'breath':1590 'build':1101,2277 'button':329,646,660,828,836,1058,1144,1168,1171,1301,1353,1418,1663,1665,1686,1756,1768,1947,2019,2223,2381 'c37d0d':451 'calm':80 'canva':357 'caption':850 'card':236,323,398,521,575,579,628,759,764,776,778,791,1185,1188,1223,1249,1460,1539,1569,1670,1678,1722,1752,1925,2064,2236 'care':92 'carri':104 'caution':454 'center':1264,1407,1553 'chang':1989 'chapter':1611,1627 'characterist':259 'clariti':40,1850 'clean':355,1319 'clear':1035,1626 'cloud':193,307,1404,1861 'cloud-lik':192,306,1403 'cloud/sky':1383 'code':160,279,514,889,1656 'collaps':1362,2045 'color':362,371,546,559,619,1307,1314,1341,1348,1868,1887,2122,2197,2209 'color-brand':558,618,1306,1313,1347 'column':1486,1556,1565,1993,2002,2012,2066,2068,2070,2081,2084 'come':1875 'comfort':154,392,994,1608,2026 'compani':1440,1442,1845,2338,2360 'compon':1056,1390,1542,2166 'compress':135,273,957 'confid':81 'consist':1267,1452,1478,1577 'contain':251,319,1186,1247,1374,1546,1575,1619,1667,1672,1680,2101,2348 'content':204,1005,1039,1239,1548,1576,1629,1671,1865,2015 'context':1011 'contrast':1944 'control':1283 'copi':499,971 'corner':316 'creat':129,205,250,341,958,988,1425,1625,1805,2168,2295 'css':1566 'cta':1097,1350,1417,1489,2058,2125,2213,2316 'ctas':294,408,849,1184,1512,2447 'd45656':473 'd4fae8':421,2281 'dark':381,1351,1419,1492,1885,1951,1954,1977,2211,2314 'dark-tint':1976 'darken':1215 'darker':435 'decor':1853,2454 'deep':433 'deeper':1962 'default':541 'deliber':962 'delimit':1037 'demand':993 'demo':1139 'demonstr':1606 'densiti':1630 'depth':364,627,661,672,1694,1771,1791,1854,1874 'descript':497,803,859,1473 'design':2,5,9,12,30,87,2234,2333 'design-md-mintlifi':1 'desktop':1488,1584,2007,2474 'destruct':476 'develop':95,1634 'disabl':512 'disciplin':225 'display':110,266,718,942 'distinct':1389 'distinguish':179 'divid':520,1724 'doc':1141 'document':27,140,183,211,967,992,1499,1588,1600,1844 'documentation-as-product':26 'documentation-grad':1587 'domin':73 'driven':1798 'dual':1416 'e5e5e5':518 'eded':1896 'edg':2113,2115 'edge-to-edg':2112 'effici':966 'element':448,572,613,1593,1737,1783 'elev':1429,1695 'els':2466 'email':1271,1503 'emphas':826 'engin':83 'entir':106,1795 'error':471,474,480 'ether':209 'everi':98,1592 'everyth':2465 'exampl':2165 'exclus':158,1008 'expand':2005 'experi':96 'f5f5f5':525 'fafafa':533,1251 'fallback':681,683,697,700 'famili':103,677 'favorit':1439,2359 'featur':322,744,775,1222,1459,1562,1613,1677,2063 'feel':132,253,961,1835,2406 'ffffff':53,395,577,1070,1108,1190,1225,1253,1276,2132 'fill':2455 'filter':2303 'flat':1699,1836 'float':213 'focus':133,297,412,561,566,616,624,1302,1772,1779,1967,2160 'font':102,676,710,997,1078,1127,2413 'footer':1490,2078 'form':1270 'fresh':69 'full':325,1062,1076,1105,1117,1298,1394,1571,1683,2009,2022,2041,2108,2376 'full-pil':2021,2375 'full-round':324,1061,1104 'full-width':1393,1570,2040,2107 'gap':1543,2036 'geist':155,276,694,698,890,907,924,1006,2457 'generous':152,238,351,989,1558,1595,2471 'get':1098,1357,2317 'ghost':1103,1421,2221 'grade':1589 'gradient':188,199,303,1378,1396,1406,1424,1494,1856,1862,1973,2103,2180 'gray':359,484,492,500,507,516,523,531,1415,1477,1904,2140,2342,2480 'grayscal':1446 'green':63,196,290,310,403,419,423,432,436,442,554,565,621,1345,1387,1400,1509,1859,1906,1910,1971,1979,2153,2158,2163,2178,2442 'green-to-whit':195,1399 'green-whit':309,1858,2177 'grid':1435,1447,1483,1545,1567,2003,2013,2087,2343 'guid':2120,2371 'hamburg':1360,1996,2059 'head':380,488,734,749,760,792,968,2133 'header':141,2299 'headings/titles':1048 'headlin':130,732,959,1408,1497,2050,2182 'heavi':663 'height':150,714,987,1282,1287,2190,2207 'hero':189,203,219,304,719,731,802,1381,1392,1552,1679,1855,1864,1972,2047,2102,2170 'hierarchi':708,1020 'highest':43 'horizont':1320,1449,1578,2056,2088 'hover':295,411,427,444,529,551,556,1092,1132,1212,1340,2156,2449 'human':1003 'human-read':1002 'icon':1167,1462,1463 'ident':415 'illustr':1465 'imag':1365,1382,1673,2092 'imageri':1384,1649 'impact':730 'improv':390 'inform':35,465 'information-rich':34 'inlin':1655 'inner':1238 'input':400,569,614,625,1269,1272,1504,1687,1738,1780,2383 'insid':174 'intellig':71,210,1431 'inter':101,260,679,682,720,735,750,766,781,795,806,818,829,839,851,862,877,944,999,1079,1128,1334,2185,2202,2263,2291,2306,2363,2463 'interact':539,571,612,1736,1782,2437 'introduct':804 'invers':1888 'invert':1948 'item':1166 'iter':2370 'keep':1832,2391 'key':258,1643,1945,1988 'label':163,280,506,837,860,875,904,937,1023,2354,2462 'lane':991 'larg':242,794,1496,1675 'layout':1450,1484,1514,1995,2010,2344 'left':1331 'left-align':1330 'legibl':85 'letter':118,715,954,2193,2267,2409 'letter-spac':117,953,2192,2266,2408 'level':1696,1700,1712,1727,1742,1758 'lift':645,1755,1829 'light':420,441,780,1956 'light-green':440 'lighter':1929,1965 'like':136,194,308,1405,1840 'line':149,713,986,1286,2189,2206 'line-height':148,985,1285,2188,2205 'link':409,491,540,543,550,838,847,1333,2031,2057,2155,2311 'load':108 'logo':1434,1443,1458,2339 'logo/icon':1265 'logo/trust':1248 'logotyp':1329 'love':1436,2356 'low':1632 'lumin':51 'maintain':2051,2096,2111 'make':1498 'market':176,1603 'match':544,1300 'max':1547 'maximum':729,2014 'may':1241 'md':3,10 'mechan':600 'medium':602,817,1660,1725 'menu':1361,2038,2060 'messag':1644 'metadata':858 'micro':388,657,923,1770 'micro-depth':1769 'micro-shadow':656 'micro-soft':387 'mintlifi':4,11,14,19,180,665,1598,1640,1786,2386 'mix':1017 'mobil':1359,1581,1990,2037,2077,2106,2477 'mode':1886 'mono':156,277,695,699,888,891,905,908,922,925,1007,2458 'monospac':693,703,707 'mood':78 'multi':2080 'multi-column':2079 'mute':505,1414,1445,1903,2341 'name':1986 'nav':490,1143,1321,1662,1997 'navig':825,846,1165,1318,2030,2055,2296 'near':56,375,535,1067,1892,1898,2126,2135 'near-black':55,1066,1891 'near-whit':534,1897 'negat':116,263 'neutral':482 'never':2452 'nois':216 'none':1155 'normal':801,812,824,835,845,857,931,981,2427 'note':717 'opac':234,334,595,1093,1133,1803,1818,1878,1924,2150,2353,2395 'open':48,254 'outlin':522,567,1309,1778 'overal':77 'overlay':574 'pack':1637 'pad':239,353,1071,1111,1149,1176,1201,1236,1279,1479,1536,1540,1560,1579,1624,2006,2029,2219,2250,2289,2469 'page':47,177,221,396,1604,1639,1706,1834,1931 'palett':75,372 'panel':1682 'paper':1839 'paper-lik':1838 'per':1645 'philosophi':1586,1785 'pill':331,1077,1118,1299,1352,1506,1684,1689,2023,2212,2222,2279,2315,2377 'pixel':99 'placehold':510,1316 'platform':184 'posit':1029 'primari':374,378,487,598,678,1059,1096,1420,1895,2124 'principl':938,1515 'product':29,1367,1847,2094 'promot':1183 'prompt':2119,2167 'proport':2054 'provid':151,2039 'pure':384,393,2130 'px':121,124,269,272,728,743,758,774,789,869,884,898,915,949,952,1113,2196,2270,2369,2416,2420,2424 'px0.65px':1032 'quick':2121 'radii':243 'radius':1074,1115,1152,1179,1199,1234,1246,1262,1296,1376,1651,2216,2233,2248,2286,2323,2347,2378 'rather':255 'ratio':2098 're':1814 'read':153,391,814,973,990,1607,2435 'readabl':275,1004,1852 'red':472 'refer':7,2123 'regular':706 'relax':972 'reli':547,666 'rem':723,738,753,769,784,798,809,821,832,842,854,865,880,894,911,928 'remain':1969 'request':1138 'respons':1983,2100 'restraint':1831 'rgba':336,588,603,630,648,1084,1122,1159,1194,1204,1217,1229,1257,1291,1716,1731,1744,1760,1916,1933,2144,2227,2241,2252,2328,2396 'rich':36 'right':1355,2320 'right-align':1354,2319 'ring':298,413,562,622,1773,1968,2161 'role':373,709 'room':1591 'round':315,326,1063,1106,1373 'rule':675 'san':691 'sans-serif':690 'scale':483,1521,1652,2411 'screenshot':1368,2095 'scroll':2089 'secondari':416,495,790,1102,1136,1422,1901 'section':229,352,363,733,745,763,874,1022,1441,1491,1535,1563,1573,1609,1614,1646,1681,2072,2110,2171,2336,2468,2482 'self':1618 'self-contain':1617 'sell':1599 'semibold':126 'sens':207,1427,1827 'separ':230,345,583,599,1456,1806,2485 'serif':692 'settl':222 'sfmono':705 'sfmono-regular':704 'shadow':626,629,642,647,658,664,670,1083,1203,1703,1741,1757,1784,1789,1811,1932,1942,2251 'shape':1692,2024,2389 'shift':1342,1960,1974 'show':2337 'signal':68,1021 'signatur':62,406,1691,2388 'simplifi':2104 'singl':1555,1992,2069,2083 'single-column':1554 'size':111,267,711,943,976,1268,1453,2414 'skill' 'skill-design-md-mintlify' 'slight':608,1928 'small':168,848,876,885,1653,1657,1666 'soft':191,389,460,1386,1398 'solid':1121,1158,1193,1228,1256,1290,1304,1311,1715,1730,1776,2226,2240,2327 'source-galyarderlabs' 'space':119,348,716,955,965,1516,2032,2073,2194,2268,2410 'space-effici':964 'spare':293,2446 'special':1182 'spread':1822 'stack':1994,2071,2082,2091 'standard':813,1187,1668,1721 'start':1099,1100,1358,2318 'state':296,428,445,453,475,513,530,2450 'status':920 'sticki':1324,2298 'strategi':2046 'strict':1015 'stronger':609,1941,2401 'studi':24 'style':1057,1507 'sub':748,762 'sub-head':747 'sub-sect':761 'subtitl':1412,2199 'subtl':232,332,429,526,587,644,1213,1370,1454,1710,1754,1801 'support':1648 'surfac':37,382,399,424,527,537,573 'surround':1596 'system':6,13,88,349,685,689,998,1054,1517,1792 'system-ui':684 'tablet':1998 'tag':463,469,1026,1658 'tap':2043 'target':2018,2044 'technic':162,903,1025,2461 'technical/code':1010 'termin':173,287 'tertiari':503 'text':59,143,379,438,489,496,504,511,545,815,827,871,887,900,917,933,979,1069,1109,1147,1174,1277,1339,1708,1894,1900,1952,1957,1966,2134,2139,2284,2313 'text-transform':870,899,916,932 'theme':17 'thin':248 'three':1041,2431 'throughout':1873,2484 'tight':115,262,726,741,756,772,787,939,1410,2052 'tini':936 'tint':422,538,1388,1978 'titl':746,765,777,779,1468,2260 'tone':1963 'tool':1635 'tooltip':1659 'top':1467,1559 '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':301,2017 'track':166,264,284,940,982,1030,1411,2053,2367 'tracked-out':165,283 'transform':872,901,918,934 'transpar':1142,1146,1274,1664 'treat':39 'treatment':1366,1482,1697,2116 'trust':1432,2085,2335 'two':996,2001 'two-column':2000 'two-font':995 'twoslash':457,468,479 'twoslash-error-bg':478 'twoslash-tag-bg':467 'twoslash-warn-bg':456 'type':1040 'typograph':107 'typographi':674 'ui':686,702 'ui-monospac':701 'ui/navigation/emphasis':1046 'ultra':314,1800 'ultra-round':313 'ultra-subtl':1799 'unchang':1908 'underline/context':549 'unit':1519,1620 'unlik':1633 'uppercas':164,281,861,873,902,919,935,1018,1028,2294,2366,2459 'use':114,237,292,947,980,1027,1095,1135,1164,1181,1641,1698,1788,2374,2445 'valu':45 'var':557,617,1305,1312,1346 'variat':1879 'vertic':1538,1623,2028 'view':1140 'visual':16,1036,1808 'voic':170,288 'warm':449 'warn':452,458 'wash':200,312,1397,1981,2181 'websit':21 'weight':127,712,1042,1081,1130,1336,1471,1809,2186,2203,2264,2274,2292,2308,2364,2432 'well':138 'well-written':137 'whisper':90,247,1816 'whisper-thin':246 'white':32,52,198,228,311,356,394,536,578,581,1323,1402,1860,1870,1872,1899,1921,1949,2131,2173,2179,2224,2237,2297,2483 'whitespac':368,1585,1597,1883,2489 'whose':1846 'width':1395,1549,1572,1987,2016,2042,2109 'win':1501 'without':72,1807 'work':1911 'wrapper':1674 'written':139 'yet':274","prices":[{"id":"ffc36022-9cd3-4a6c-9d6d-8dc789b32956","listingId":"1ea8c0ca-7aa8-4eff-9bed-22a0a61805f1","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:45.949Z"}],"sources":[{"listingId":"1ea8c0ca-7aa8-4eff-9bed-22a0a61805f1","source":"github","sourceId":"galyarderlabs/galyarder-framework/design-md-mintlify","sourceUrl":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-mintlify","isPrimary":false,"firstSeenAt":"2026-05-10T01:06:45.949Z","lastSeenAt":"2026-05-18T19:07:47.722Z"}],"details":{"listingId":"1ea8c0ca-7aa8-4eff-9bed-22a0a61805f1","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"galyarderlabs","slug":"design-md-mintlify","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":"6437cf89ddc076765a608986525c0e5e716714b9","skill_md_path":"skills/design-md-mintlify/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-mintlify"},"layout":"multi","source":"github","category":"galyarder-framework","frontmatter":{"name":"design-md-mintlify","description":"Design system reference for design md mintlify."},"skills_sh_url":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-mintlify"},"updatedAt":"2026-05-18T19:07:47.722Z"}}