{"id":"203c5dd3-9b1b-4b5f-9571-685c7993a205","shortId":"Fk9gK3","kind":"skill","title":"design-md-stripe","tagline":"Design system reference for design md stripe.","description":"# Design System: Stripe\n\n## 1. Visual Theme & Atmosphere\n\nStripe's website is the gold standard of fintech design -- a system that manages to feel simultaneously technical and luxurious, precise and warm. The page opens on a clean white canvas (`#ffffff`) with deep navy headings (`#061b31`) and a signature purple (`#533afd`) that functions as both brand anchor and interactive accent. This isn't the cold, clinical purple of enterprise software; it's a rich, saturated violet that reads as confident and premium. The overall impression is of a financial institution redesigned by a world-class type foundry.\n\nThe custom `sohne-var` variable font is the defining element of Stripe's visual identity. Every text element enables the OpenType `\"ss01\"` stylistic set, which modifies character shapes for a distinctly geometric, modern feel. At display sizes (48px-56px), sohne-var runs at weight 300 -- an extraordinarily light weight for headlines that creates an ethereal, almost whispered authority. This is the opposite of the \"bold hero headline\" convention; Stripe's headlines feel like they don't need to shout. The negative letter-spacing (-1.4px at 56px, -0.96px at 48px) tightens the text into dense, engineered blocks. At smaller sizes, the system also uses weight 300 with proportionally reduced tracking, and tabular numerals via `\"tnum\"` for financial data display.\n\nWhat truly distinguishes Stripe is its shadow system. Rather than the flat or single-layer approach of most sites, Stripe uses multi-layer, blue-tinted shadows: the signature `rgba(50,50,93,0.25)` combined with `rgba(0,0,0,0.1)` creates shadows with a cool, almost atmospheric depth -- like elements are floating in a twilight sky. The blue-gray undertone of the primary shadow color (50,50,93) ties directly to the navy-purple brand palette, making even elevation feel on-brand.\n\n**Key Characteristics:**\n- sohne-var with OpenType `\"ss01\"` on all text -- a custom stylistic set that defines the brand's letterforms\n- Weight 300 as the signature headline weight -- light, confident, anti-convention\n- Negative letter-spacing at display sizes (-1.4px at 56px, progressive relaxation downward)\n- Blue-tinted multi-layer shadows using `rgba(50,50,93,0.25)` -- elevation that feels brand-colored\n- Deep navy (`#061b31`) headings instead of black -- warm, premium, financial-grade\n- Conservative border-radius (4px-8px) -- nothing pill-shaped, nothing harsh\n- Ruby (`#ea2261`) and magenta (`#f96bee`) accents for gradient and decorative elements\n- `SourceCodePro` as the monospace companion for code and technical labels\n\n## 2. Color Palette & Roles\n\n### Primary\n- **Stripe Purple** (`#533afd`): Primary brand color, CTA backgrounds, link text, interactive highlights. A saturated blue-violet that anchors the entire system.\n- **Deep Navy** (`#061b31`): `--hds-color-heading-solid`. Primary heading color. Not black, not gray -- a very dark blue that adds warmth and depth to text.\n- **Pure White** (`#ffffff`): Page background, card surfaces, button text on dark backgrounds.\n\n### Brand & Dark\n- **Brand Dark** (`#1c1e54`): `--hds-color-util-brand-900`. Deep indigo for dark sections, footer backgrounds, and immersive brand moments.\n- **Dark Navy** (`#0d253d`): `--hds-color-core-neutral-975`. The darkest neutral -- almost-black with a blue undertone for maximum depth without harshness.\n\n### Accent Colors\n- **Ruby** (`#ea2261`): `--hds-color-accentColorMode-ruby-icon-solid`. Warm red-pink for icons, alerts, and accent elements.\n- **Magenta** (`#f96bee`): `--hds-color-accentColorMode-magenta-icon-gradientMiddle`. Vivid pink-purple for gradients and decorative highlights.\n- **Magenta Light** (`#ffd7ef`): `--hds-color-util-accent-magenta-100`. Tinted surface for magenta-themed cards and badges.\n\n### Interactive\n- **Primary Purple** (`#533afd`): Primary link color, active states, selected elements.\n- **Purple Hover** (`#4434d4`): Darker purple for hover states on primary elements.\n- **Purple Deep** (`#2e2b8c`): `--hds-color-button-ui-iconHover`. Dark purple for icon hover states.\n- **Purple Light** (`#b9b9f9`): `--hds-color-action-bg-subduedHover`. Soft lavender for subdued hover backgrounds.\n- **Purple Mid** (`#665efd`): `--hds-color-input-selector-text-range`. Range selector and input highlight color.\n\n### Neutral Scale\n- **Heading** (`#061b31`): Primary headings, nav text, strong labels.\n- **Label** (`#273951`): `--hds-color-input-text-label`. Form labels, secondary headings.\n- **Body** (`#64748d`): Secondary text, descriptions, captions.\n- **Success Green** (`#15be53`): Status badges, success indicators (with 0.2-0.4 alpha for backgrounds/borders).\n- **Success Text** (`#108c3d`): Success badge text color.\n- **Lemon** (`#9b6829`): `--hds-color-core-lemon-500`. Warning and highlight accent.\n\n### Surface & Borders\n- **Border Default** (`#e5edf5`): Standard border color for cards, dividers, and containers.\n- **Border Purple** (`#b9b9f9`): Active/selected state borders on buttons and inputs.\n- **Border Soft Purple** (`#d6d9fc`): Subtle purple-tinted borders for secondary elements.\n- **Border Magenta** (`#ffd7ef`): Pink-tinted borders for magenta-themed elements.\n- **Border Dashed** (`#362baa`): Dashed borders for drop zones and placeholder elements.\n\n### Shadow Colors\n- **Shadow Blue** (`rgba(50,50,93,0.25)`): The signature -- blue-tinted primary shadow color.\n- **Shadow Dark Blue** (`rgba(3,3,39,0.25)`): Deeper blue shadow for elevated elements.\n- **Shadow Black** (`rgba(0,0,0,0.1)`): Secondary shadow layer for depth reinforcement.\n- **Shadow Ambient** (`rgba(23,23,23,0.08)`): Soft ambient shadow for subtle elevation.\n- **Shadow Soft** (`rgba(23,23,23,0.06)`): Minimal ambient shadow for light lift.\n\n## 3. Typography Rules\n\n### Font Family\n- **Primary**: `sohne-var`, with fallback: `SF Pro Display`\n- **Monospace**: `SourceCodePro`, with fallback: `SFMono-Regular`\n- **OpenType Features**: `\"ss01\"` enabled globally on all sohne-var text; `\"tnum\"` for tabular numbers on financial data and captions.\n\n### Hierarchy\n\n| Role | Font | Size | Weight | Line Height | Letter Spacing | Features | Notes |\n|------|------|------|--------|-------------|----------------|----------|-------|\n| Display Hero | sohne-var | 56px (3.50rem) | 300 | 1.03 (tight) | -1.4px | ss01 | Maximum size, whisper-weight authority |\n| Display Large | sohne-var | 48px (3.00rem) | 300 | 1.15 (tight) | -0.96px | ss01 | Secondary hero headlines |\n| Section Heading | sohne-var | 32px (2.00rem) | 300 | 1.10 (tight) | -0.64px | ss01 | Feature section titles |\n| Sub-heading Large | sohne-var | 26px (1.63rem) | 300 | 1.12 (tight) | -0.26px | ss01 | Card headings, sub-sections |\n| Sub-heading | sohne-var | 22px (1.38rem) | 300 | 1.10 (tight) | -0.22px | ss01 | Smaller section heads |\n| Body Large | sohne-var | 18px (1.13rem) | 300 | 1.40 | normal | ss01 | Feature descriptions, intro text |\n| Body | sohne-var | 16px (1.00rem) | 300-400 | 1.40 | normal | ss01 | Standard reading text |\n| Button | sohne-var | 16px (1.00rem) | 400 | 1.00 (tight) | normal | ss01 | Primary button text |\n| Button Small | sohne-var | 14px (0.88rem) | 400 | 1.00 (tight) | normal | ss01 | Secondary/compact buttons |\n| Link | sohne-var | 14px (0.88rem) | 400 | 1.00 (tight) | normal | ss01 | Navigation links |\n| Caption | sohne-var | 13px (0.81rem) | 400 | normal | normal | ss01 | Small labels, metadata |\n| Caption Small | sohne-var | 12px (0.75rem) | 300-400 | 1.33-1.45 | normal | ss01 | Fine print, timestamps |\n| Caption Tabular | sohne-var | 12px (0.75rem) | 300-400 | 1.33 | -0.36px | tnum | Financial data, numbers |\n| Micro | sohne-var | 10px (0.63rem) | 300 | 1.15 (tight) | 0.1px | ss01 | Tiny labels, axis markers |\n| Micro Tabular | sohne-var | 10px (0.63rem) | 300 | 1.15 (tight) | -0.3px | tnum | Chart data, small numbers |\n| Nano | sohne-var | 8px (0.50rem) | 300 | 1.07 (tight) | normal | ss01 | Smallest labels |\n| Code Body | SourceCodePro | 12px (0.75rem) | 500 | 2.00 (relaxed) | normal | -- | Code blocks, syntax |\n| Code Bold | SourceCodePro | 12px (0.75rem) | 700 | 2.00 (relaxed) | normal | -- | Bold code, keywords |\n| Code Label | SourceCodePro | 12px (0.75rem) | 500 | 2.00 (relaxed) | normal | uppercase | Technical labels |\n| Code Micro | SourceCodePro | 9px (0.56rem) | 500 | 1.00 (tight) | normal | ss01 | Tiny code annotations |\n\n### Principles\n- **Light weight as signature**: Weight 300 at display sizes is Stripe's most distinctive typographic choice. Where others use 600-700 to command attention, Stripe uses lightness as luxury -- the text is so confident it doesn't need weight to be authoritative.\n- **ss01 everywhere**: The `\"ss01\"` stylistic set is non-negotiable. It modifies specific glyphs (likely alternate `a`, `g`, `l` forms) to create a more geometric, contemporary feel across all sohne-var text.\n- **Two OpenType modes**: `\"ss01\"` for display/body text, `\"tnum\"` for tabular numerals in financial data. These never overlap -- a number in a paragraph uses ss01, a number in a data table uses tnum.\n- **Progressive tracking**: Letter-spacing tightens proportionally with size: -1.4px at 56px, -0.96px at 48px, -0.64px at 32px, -0.26px at 26px, normal at 16px and below.\n- **Two-weight simplicity**: Primarily 300 (body and headings) and 400 (UI/buttons). No bold (700) in the primary font -- SourceCodePro uses 500/700 for code contrast.\n\n## 4. Component Stylings\n\n### Buttons\n\n**Primary Purple**\n- Background: `#533afd`\n- Text: `#ffffff`\n- Padding: 8px 16px\n- Radius: 4px\n- Font: 16px sohne-var weight 400, `\"ss01\"`\n- Hover: `#4434d4` background\n- Use: Primary CTA (\"Start now\", \"Contact sales\")\n\n**Ghost / Outlined**\n- Background: transparent\n- Text: `#533afd`\n- Padding: 8px 16px\n- Radius: 4px\n- Border: `1px solid #b9b9f9`\n- Font: 16px sohne-var weight 400, `\"ss01\"`\n- Hover: background shifts to `rgba(83,58,253,0.05)`\n- Use: Secondary actions\n\n**Transparent Info**\n- Background: transparent\n- Text: `#2874ad`\n- Padding: 8px 16px\n- Radius: 4px\n- Border: `1px solid rgba(43,145,223,0.2)`\n- Use: Tertiary/info-level actions\n\n**Neutral Ghost**\n- Background: transparent (`rgba(255,255,255,0)`)\n- Text: `rgba(16,16,16,0.3)`\n- Padding: 8px 16px\n- Radius: 4px\n- Outline: `1px solid rgb(212,222,233)`\n- Use: Disabled or muted actions\n\n### Cards & Containers\n- Background: `#ffffff`\n- Border: `1px solid #e5edf5` (standard) or `1px solid #061b31` (dark accent)\n- Radius: 4px (tight), 5px (standard), 6px (comfortable), 8px (featured)\n- Shadow (standard): `rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px`\n- Shadow (ambient): `rgba(23,23,23,0.08) 0px 15px 35px 0px`\n- Hover: shadow intensifies, often adding the blue-tinted layer\n\n### Badges / Tags / Pills\n**Neutral Pill**\n- Background: `#ffffff`\n- Text: `#000000`\n- Padding: 0px 6px\n- Radius: 4px\n- Border: `1px solid #f6f9fc`\n- Font: 11px weight 400\n\n**Success Badge**\n- Background: `rgba(21,190,83,0.2)`\n- Text: `#108c3d`\n- Padding: 1px 6px\n- Radius: 4px\n- Border: `1px solid rgba(21,190,83,0.4)`\n- Font: 10px weight 300\n\n### Inputs & Forms\n- Border: `1px solid #e5edf5`\n- Radius: 4px\n- Focus: `1px solid #533afd` or purple ring\n- Label: `#273951`, 14px sohne-var\n- Text: `#061b31`\n- Placeholder: `#64748d`\n\n### Navigation\n- Clean horizontal nav on white, sticky with blur backdrop\n- Brand logotype left-aligned\n- Links: sohne-var 14px weight 400, `#061b31` text with `\"ss01\"`\n- Radius: 6px on nav container\n- CTA: purple button right-aligned (\"Sign in\", \"Start now\")\n- Mobile: hamburger toggle with 6px radius\n\n### Decorative Elements\n**Dashed Borders**\n- `1px dashed #362baa` (purple) for placeholder/drop zones\n- `1px dashed #ffd7ef` (magenta) for magenta-themed decorative borders\n\n**Gradient Accents**\n- Ruby-to-magenta gradients (`#ea2261` to `#f96bee`) for hero decorations\n- Brand dark sections use `#1c1e54` backgrounds with white text\n\n## 5. Layout Principles\n\n### Spacing System\n- Base unit: 8px\n- Scale: 1px, 2px, 4px, 6px, 8px, 10px, 11px, 12px, 14px, 16px, 18px, 20px\n- Notable: The scale is dense at the small end (every 2px from 4-12), reflecting Stripe's precision-oriented UI for financial data\n\n### Grid & Container\n- Max content width: approximately 1080px\n- Hero: centered single-column with generous padding, lightweight headlines\n- Feature sections: 2-3 column grids for feature cards\n- Full-width dark sections with `#1c1e54` background for brand immersion\n- Code/dashboard previews as contained cards with blue-tinted shadows\n\n### Whitespace Philosophy\n- **Precision spacing**: Unlike the vast emptiness of minimalist systems, Stripe uses measured, purposeful whitespace. Every gap is a deliberate typographic choice.\n- **Dense data, generous chrome**: Financial data displays (tables, charts) are tightly packed, but the UI chrome around them is generously spaced. This creates a sense of controlled density -- like a well-organized spreadsheet in a beautiful frame.\n- **Section rhythm**: White sections alternate with dark brand sections (`#1c1e54`), creating a dramatic light/dark cadence that prevents monotony without introducing arbitrary color.\n\n### Border Radius Scale\n- Micro (1px): Fine-grained elements, subtle rounding\n- Standard (4px): Buttons, inputs, badges, cards -- the workhorse\n- Comfortable (5px): Standard card containers\n- Relaxed (6px): Navigation, larger interactive elements\n- Large (8px): Featured cards, hero elements\n- Compound: `0px 0px 6px 6px` for bottom-rounded containers (tab panels, dropdown footers)\n\n## 6. Depth & Elevation\n\n| Level | Treatment | Use |\n|-------|-----------|-----|\n| Flat (Level 0) | No shadow | Page background, inline text |\n| Ambient (Level 1) | `rgba(23,23,23,0.06) 0px 3px 6px` | Subtle card lift, hover hints |\n| Standard (Level 2) | `rgba(23,23,23,0.08) 0px 15px 35px` | Standard cards, content panels |\n| Elevated (Level 3) | `rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px` | Featured cards, dropdowns, popovers |\n| Deep (Level 4) | `rgba(3,3,39,0.25) 0px 14px 21px -14px, rgba(0,0,0,0.1) 0px 8px 17px -8px` | Modals, floating panels |\n| Ring (Accessibility) | `2px solid #533afd` outline | Keyboard focus ring |\n\n**Shadow Philosophy**: Stripe's shadow system is built on a principle of chromatic depth. Where most design systems use neutral gray or black shadows, Stripe's primary shadow color (`rgba(50,50,93,0.25)`) is a deep blue-gray that echoes the brand's navy palette. This creates shadows that don't just add depth -- they add brand atmosphere. The multi-layer approach pairs this blue-tinted shadow with a pure black secondary layer (`rgba(0,0,0,0.1)`) at a different offset, creating a parallax-like depth where the branded shadow sits farther from the element and the neutral shadow sits closer. The negative spread values (-30px, -18px) ensure shadows don't extend beyond the element's footprint horizontally, keeping elevation vertical and controlled.\n\n### Decorative Depth\n- Dark brand sections (`#1c1e54`) create immersive depth through background color contrast\n- Gradient overlays with ruby-to-magenta transitions for hero decorations\n- Shadow color `rgba(0,55,112,0.08)` (`--hds-color-shadow-sm-top`) for top-edge shadows on sticky elements\n\n## 7. Do's and Don'ts\n\n### Do\n- Use sohne-var with `\"ss01\"` on every text element -- the stylistic set IS the brand\n- Use weight 300 for all headlines and body text -- lightness is the signature\n- Apply blue-tinted shadows (`rgba(50,50,93,0.25)`) for all elevated elements\n- Use `#061b31` (deep navy) for headings instead of `#000000` -- the warmth matters\n- Keep border-radius between 4px-8px -- conservative rounding is intentional\n- Use `\"tnum\"` for any tabular/financial number display\n- Layer shadows: blue-tinted far + neutral close for depth parallax\n- Use `#533afd` purple as the primary interactive/CTA color\n\n### Don't\n- Don't use weight 600-700 for sohne-var headlines -- weight 300 is the brand voice\n- Don't use large border-radius (12px+, pill shapes) on cards or buttons -- Stripe is conservative\n- Don't use neutral gray shadows -- always tint with blue (`rgba(50,50,93,...)`)\n- Don't skip `\"ss01\"` on any sohne-var text -- the alternate glyphs define the personality\n- Don't use pure black (`#000000`) for headings -- always `#061b31` deep navy\n- Don't use warm accent colors (orange, yellow) for interactive elements -- purple is primary\n- Don't apply positive letter-spacing at display sizes -- Stripe tracks tight\n- Don't use the magenta/ruby accents for buttons or links -- they're decorative/gradient only\n\n## 8. Responsive Behavior\n\n### Breakpoints\n| Name | Width | Key Changes |\n|------|-------|-------------|\n| Mobile | <640px | Single column, reduced heading sizes, stacked cards |\n| Tablet | 640-1024px | 2-column grids, moderate padding |\n| Desktop | 1024-1280px | Full layout, 3-column feature grids |\n| Large Desktop | >1280px | Centered content with generous margins |\n\n### Touch Targets\n- Buttons use comfortable padding (8px-16px vertical)\n- Navigation links at 14px with adequate spacing\n- Badges have 6px horizontal padding minimum for tap targets\n- Mobile nav toggle with 6px radius button\n\n### Collapsing Strategy\n- Hero: 56px display -> 32px on mobile, weight 300 maintained\n- Navigation: horizontal links + CTAs -> hamburger toggle\n- Feature cards: 3-column -> 2-column -> single column stacked\n- Dark brand sections: maintain full-width treatment, reduce internal padding\n- Financial data tables: horizontal scroll on mobile\n- Section spacing: 64px+ -> 40px on mobile\n- Typography scale compresses: 56px -> 48px -> 32px hero sizes across breakpoints\n\n### Image Behavior\n- Dashboard/product screenshots maintain blue-tinted shadow at all sizes\n- Hero gradient decorations simplify on mobile\n- Code blocks maintain `SourceCodePro` treatment, may horizontally scroll\n- Card images maintain consistent 4px-6px border-radius\n\n## 9. Agent Prompt Guide\n\n### Quick Color Reference\n- Primary CTA: Stripe Purple (`#533afd`)\n- CTA Hover: Purple Dark (`#4434d4`)\n- Background: Pure White (`#ffffff`)\n- Heading text: Deep Navy (`#061b31`)\n- Body text: Slate (`#64748d`)\n- Label text: Dark Slate (`#273951`)\n- Border: Soft Blue (`#e5edf5`)\n- Link: Stripe Purple (`#533afd`)\n- Dark section: Brand Dark (`#1c1e54`)\n- Success: Green (`#15be53`)\n- Accent decorative: Ruby (`#ea2261`), Magenta (`#f96bee`)\n\n### Example Component Prompts\n- \"Create a hero section on white background. Headline at 48px sohne-var weight 300, line-height 1.15, letter-spacing -0.96px, color #061b31, font-feature-settings 'ss01'. Subtitle at 18px weight 300, line-height 1.40, color #64748d. Purple CTA button (#533afd, 4px radius, 8px 16px padding, white text) and ghost button (transparent, 1px solid #b9b9f9, #533afd text, 4px radius).\"\n- \"Design a card: white background, 1px solid #e5edf5 border, 6px radius. Shadow: rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px. Title at 22px sohne-var weight 300, letter-spacing -0.22px, color #061b31, 'ss01'. Body at 16px weight 300, #64748d.\"\n- \"Build a success badge: rgba(21,190,83,0.2) background, #108c3d text, 4px radius, 1px 6px padding, 10px sohne-var weight 300, border 1px solid rgba(21,190,83,0.4).\"\n- \"Create navigation: white sticky header with backdrop-filter blur(12px). sohne-var 14px weight 400 for links, #061b31 text, 'ss01'. Purple CTA 'Start now' right-aligned (#533afd bg, white text, 4px radius). Nav container 6px radius.\"\n- \"Design a dark brand section: #1c1e54 background, white text. Headline 32px sohne-var weight 300, letter-spacing -0.64px, 'ss01'. Body 16px weight 300, rgba(255,255,255,0.7). Cards inside use rgba(255,255,255,0.1) border with 6px radius.\"\n\n### Iteration Guide\n1. Always enable `font-feature-settings: \"ss01\"` on sohne-var text -- this is the brand's typographic DNA\n2. Weight 300 is the default; use 400 only for buttons/links/navigation\n3. Shadow formula: `rgba(50,50,93,0.25) 0px Y1 B1 -S1, rgba(0,0,0,0.1) 0px Y2 B2 -S2` where Y1/B1 are larger (far shadow) and Y2/B2 are smaller (near shadow)\n4. Heading color is `#061b31` (deep navy), body is `#64748d` (slate), labels are `#273951` (dark slate)\n5. Border-radius stays in the 4px-8px range -- never use pill shapes or large rounding\n6. Use `\"tnum\"` for any numbers in tables, charts, or financial displays\n7. Dark sections use `#1c1e54` -- not black, not gray, but a deep branded indigo\n8. SourceCodePro for code at 12px/500 with 2.00 line-height (very generous for readability)","tags":["design","stripe","galyarder","framework","galyarderlabs","agent-skills","agentic-framework","agents","ai-agents","automation","claude-code-plugin","codex-skills"],"capabilities":["skill","source-galyarderlabs","skill-design-md-stripe","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-stripe","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 (20,435 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:49.375Z","embedding":null,"createdAt":"2026-05-10T01:06:48.375Z","updatedAt":"2026-05-18T19:07:49.375Z","lastSeenAt":"2026-05-18T19:07:49.375Z","tsv":"'-0.22':997,2812 '-0.26':977,1357 '-0.3':1154 '-0.36':1120 '-0.4':707 '-0.64':958,1353,2912 '-0.96':199,941,1349,2727 '-1.4':195,360,921,1345 '-1.45':1103 '-1024':2491 '-12':1778 '-1280':2500 '-14':2053 '-18':1557,2036,2190,2799 '-3':1809 '-30':1547,2026,2188,2789 '-400':1027,1101,1118 '-700':1249,2360 '-8':2063 '0':271,272,273,822,823,824,1489,1550,1551,1552,1977,2029,2030,2031,2056,2057,2058,2155,2156,2157,2235,2792,2793,2794,2982,2983,2984 '0.05':1455 '0.06':851,1991 '0.08':838,1565,2007,2238 '0.1':274,825,1136,1553,2032,2059,2158,2795,2931,2985 '0.2':706,1477,1609,2831 '0.25':267,379,796,812,1543,2022,2049,2110,2298,2785,2976 '0.3':1495 '0.4':1624,2853 '0.50':1166 '0.56':1218 '0.63':1131,1149 '0.7':2923 '0.75':1098,1115,1179,1192,1205 '0.81':1083 '0.88':1055,1069 '000000':1588,2311,2424 '061b31':55,388,461,673,1525,1651,1676,2304,2428,2670,2730,2815,2873,3006 '0d253d':521 '0px':1544,1554,1566,1569,1590,1956,1957,1992,2008,2023,2033,2050,2060,2786,2796,2977,2986 '1':15,1986,2938 '1.00':1024,1039,1042,1058,1072,1221 '1.03':919 '1.07':1169 '1.10':956,995 '1.12':975 '1.13':1009 '1.15':939,1134,1152,2723 '1.33':1102,1119 '1.38':992 '1.40':1012,1028,2744 '1.63':972 '100':591 '1024':2499 '1080px':1795 '108c3d':713,1611,2833 '10px':1130,1148,1626,1758,2840 '112':2237 '11px':1599,1759 '1280px':2510 '12px':1097,1114,1178,1191,1204,1760,2379,2864 '12px/500':3067 '13px':1082 '145':1475 '14px':1054,1068,1646,1673,1761,2051,2529,2868 '15be53':700,2695 '15px':1567,2009 '16':1492,1493,1494 '16px':1023,1038,1363,1403,1407,1432,1440,1467,1498,1762,2524,2754,2819,2916 '17px':2062 '18px':1008,1555,1763,2034,2738,2797 '190':1607,1622,2829,2851 '1c1e54':501,1739,1821,1906,2213,2692,2898,3052 '1px':1436,1471,1502,1518,1523,1595,1613,1618,1632,1638,1705,1712,1753,1923,2762,2774,2837,2847 '2':432,1808,2002,2493,2570,2958 '2.00':953,1182,1195,1208,3069 '20px':1764 '21':1606,1621,2828,2850 '212':1505 '21px':2052 '222':1506 '223':1476 '22px':991,2803 '23':835,836,837,848,849,850,1562,1563,1564,1988,1989,1990,2004,2005,2006 '233':1507 '253':1454 '255':1486,1487,1488,2920,2921,2922,2928,2929,2930 '26px':971,1360 '273951':681,1645,2679,3015 '2874ad':1464 '2e2':625 '2px':1754,1775,2070 '3':809,810,858,2017,2046,2047,2504,2568,2969 '3.00':936 '3.50':916 '300':155,218,342,918,938,955,974,994,1011,1026,1100,1117,1133,1151,1168,1234,1371,1628,2278,2367,2558,2719,2740,2808,2821,2845,2908,2918,2960 '30px':1545,2024,2787 '32px':952,1356,2554,2604,2903 '35px':1568,2010 '362baa':779,1707 '36px':1556,2035,2798 '39':811,2048 '3px':1993 '4':1391,1777,2044,3002 '400':1041,1057,1071,1085,1376,1412,1445,1601,1675,2870,2965 '40px':2596 '43':1474 '4434d4':614,1415,2661 '45px':1546,2025,2788 '48px':147,202,935,1352,2603,2714 '48px-56px':146 '4px':403,1405,1434,1469,1500,1529,1593,1616,1636,1755,1931,2321,2640,2751,2767,2835,2887,3026 '4px-6px':2639 '4px-8px':402,2320,3025 '5':1744,3018 '50':264,265,301,302,376,377,793,794,1540,1541,2019,2020,2107,2108,2295,2296,2400,2401,2782,2783,2973,2974 '500':725,1181,1207,1220 '500/700':1387 '533afd':60,439,604,1398,1429,1640,2072,2346,2656,2687,2750,2765,2883 '55':2236 '56px':148,198,363,915,1348,2552,2602 '58':1453 '5px':1531,1939 '6':1969,3036 '600':1248,2359 '640':2490 '640px':2481 '64748d':693,1653,2674,2746,2822,3011 '64px':2595 '665efd':656 '6px':1533,1591,1614,1681,1699,1756,1944,1958,1959,1994,2535,2546,2641,2778,2838,2891,2934 '7':2253,3048 '700':1194,1380 '8':2472,3062 '83':1452,1608,1623,2830,2852 '8px':404,1165,1402,1431,1466,1497,1535,1751,1757,1950,2061,2322,2523,2753,3027 '8px-16px':2522 '9':2645 '900':507 '93':266,303,378,795,1542,2021,2109,2297,2402,2784,2975 '975':527 '9b6829':719 '9px':1217 'accent':69,416,543,562,589,729,1527,1723,2435,2463,2696 'accentcolormod':550,569 'access':2069 'across':1298,2607 'action':645,1458,1480,1512 'activ':608 'active/selected':746 'ad':1574 'add':479,2131,2134 'adequ':2531 'agent':2646 'alert':560 'align':1668,1690,2882 'almost':166,280,532 'almost-black':531 'alpha':708 'also':215 'altern':1286,1901,2414 'alway':2395,2427,2939 'ambient':833,840,853,1560,1984 'anchor':66,455 'annot':1227 'anti':351 'anti-convent':350 'appli':2289,2447 'approach':248,2141 'approxim':1794 'arbitrari':1917 'around':1875 'atmospher':18,281,2136 'attent':1252 'author':168,929 'authorit':1270 'axi':1141 'b1':2979 'b2':2988 'b8c':626 'b9b9f9':641,745,1438,2764 'backdrop':1663,2861 'backdrop-filt':2860 'background':444,489,496,514,653,1397,1416,1426,1448,1461,1483,1515,1585,1604,1740,1822,1981,2218,2662,2711,2773,2832,2899 'backgrounds/borders':710 'badg':600,702,715,1580,1603,1934,2533,2826 'base':1749 'beauti':1895 'behavior':2474,2610 'beyond':2197 'bg':646,2884 'black':392,471,533,820,2099,2151,2423,3054 'block':209,1186,2628 'blue':258,293,368,452,477,536,791,800,807,814,1577,1833,2115,2145,2291,2337,2398,2615,2682 'blue-gray':292,2114 'blue-tint':257,367,799,1576,1832,2144,2290,2336,2614 'blue-violet':451 'blur':1662,2863 'bodi':692,1003,1019,1176,1372,2283,2671,2817,2915,3009 'bold':175,1189,1198,1379 'border':400,731,732,736,743,748,753,761,765,771,777,781,1435,1470,1517,1594,1617,1631,1704,1721,1919,2317,2377,2643,2680,2777,2846,2932,3020 'border-radius':399,2316,2376,2642,3019 'bottom':1962 'bottom-round':1961 'brand':65,311,319,338,384,441,497,499,506,517,1664,1735,1824,1904,2120,2135,2171,2211,2275,2370,2576,2690,2896,2954,3060 'brand-color':383 'breakpoint':2475,2608 'build':2823 'built':2084 'button':492,630,750,1034,1047,1049,1063,1394,1687,1932,2385,2465,2518,2548,2749,2760 'buttons/links/navigation':2968 'cadenc':1911 'canva':49 'caption':697,898,1078,1092,1109 'card':490,598,739,980,1513,1814,1830,1935,1941,1952,1996,2012,2039,2383,2488,2567,2635,2771,2924 'center':1797,2511 'chang':2479 'charact':135 'characterist':321 'chart':1157,1867,3044 'choic':1244,1858 'chromat':2089 'chrome':1862,1874 'class':105 'clean':47,1655 'clinic':75 'close':2341 'closer':2183 'code':428,1175,1185,1188,1199,1201,1214,1226,1389,2627,3065 'code/dashboard':1826 'cold':74 'collaps':2549 'color':300,385,433,442,464,469,504,524,544,549,568,587,607,629,644,659,669,684,717,722,737,789,804,1918,2105,2219,2233,2241,2352,2436,2650,2729,2745,2814,3004 'column':1800,1810,2483,2494,2505,2569,2571,2573 'combin':268 'comfort':1534,1938,2520 'command':1251 'companion':426 'compon':1392,2703 'compound':1955 'compress':2601 'confid':89,349,1262 'conserv':398,2323,2388 'consist':2638 'contact':1422 'contain':742,1514,1684,1790,1829,1942,1964,2890 'contemporari':1296 'content':1792,2013,2512 'contrast':1390,2220 'control':1885,2207 'convent':178,352 'cool':279 'core':525,723 'creat':163,275,1292,1881,1907,2125,2163,2214,2705,2854 'cta':443,1419,1685,2653,2657,2748,2877 'ctas':2563 'custom':109,332 'd6d9fc':756 'dark':476,495,498,500,511,519,633,806,1526,1736,1818,1903,2210,2575,2660,2677,2688,2691,2895,3016,3049 'darker':615 'darkest':529 'dash':778,780,1703,1706,1713 'dashboard/product':2611 'data':230,896,1124,1158,1317,1332,1788,1860,1864,2587 'decor':420,580,1701,1720,1734,2208,2231,2623,2697 'decorative/gradient':2470 'deep':52,386,459,508,624,2042,2113,2305,2429,2668,3007,3059 'deeper':813 'default':733,2963 'defin':117,336,2416 'deliber':1856 'dens':207,1769,1859 'densiti':1886 'depth':282,482,540,830,1970,2090,2132,2168,2209,2216,2343 'descript':696,1016 'design':2,5,9,12,28,2093,2769,2893 'design-md-strip':1 'desktop':2498,2509 'differ':2161 'direct':305 'disabl':1509 'display':144,231,358,871,910,930,1236,1865,2333,2453,2553,3047 'display/body':1309 'distinct':139,1242 'distinguish':234 'divid':740 'dna':2957 'doesn':1264 'downward':366 'dramat':1909 'drop':783 'dropdown':1967,2040 'e5edf5':734,1520,1634,2683,2776 'ea2261':412,546,1729,2699 'echo':2118 'edg':2248 'element':118,126,284,421,563,611,622,764,776,787,818,1702,1927,1948,1954,2177,2199,2252,2269,2302,2441 'elev':315,380,817,844,1971,2015,2204,2301 'empti':1843 'enabl':127,882,2940 'end':1773 'engin':208 'ensur':2192 'enterpris':78 'entir':457 'ether':165 'even':314 'everi':124,1774,1852,2267 'everywher':1272 'exampl':2702 'extend':2196 'extraordinarili':157 'f6f9fc':1597 'f96bee':415,565,1731,2701 'fallback':868,875 'famili':862 'far':2339,2994 'farther':2174 'featur':880,908,961,1015,1536,1806,1813,1951,2038,2506,2566,2733,2943 'feel':34,142,182,316,382,1297 'ffd7ef':584,767,1714 'ffffff':50,487,1400,1516,1586,2665 'filter':2862 'financi':98,229,396,895,1123,1316,1787,1863,2586,3046 'financial-grad':395 'fine':1106,1925 'fine-grain':1924 'fintech':27 'flat':243,1975 'float':286,2066 'focus':1637,2075 'font':114,861,901,1384,1406,1439,1598,1625,2732,2942 'font-feature-set':2731,2941 'footer':513,1968 'footprint':2201 'form':688,1290,1630 'formula':2971 'foundri':107 'frame':1896 'full':1816,2502,2580 'full-width':1815,2579 'function':62 'g':1288 'gap':1853 'generous':1802,1861,1878,2514,3074 'geometr':140,1295 'ghost':1424,1482,2759 'global':883 'glyph':1284,2415 'gold':24 'grade':397 'gradient':418,578,1722,1728,2221,2622 'gradientmiddl':572 'grain':1926 'gray':294,473,2097,2116,2393,3056 'green':699,2694 'grid':1789,1811,2495,2507 'guid':2648,2937 'hamburg':1696,2564 'harsh':410,542 'hds':463,503,523,548,567,586,628,643,658,683,721,2240 'hds-color-accentcolormode-magenta-icon-gradientmiddl':566 'hds-color-accentcolormode-ruby-icon-solid':547 'hds-color-action-bg-subduedhov':642 'hds-color-button-ui-iconhov':627 'hds-color-core-lemon':720 'hds-color-core-neutr':522 'hds-color-heading-solid':462 'hds-color-input-selector-text-rang':657 'hds-color-input-text-label':682 'hds-color-shadow-sm-top':2239 'hds-color-util-accent-magenta':585 'hds-color-util-brand':502 'head':54,389,465,468,672,675,691,948,966,981,987,1002,1374,2308,2426,2485,2666,3003 'header':2858 'headlin':161,177,181,346,946,1805,2281,2365,2712,2902 'height':905,2722,2743,3072 'hero':176,911,945,1733,1796,1953,2230,2551,2605,2621,2707 'hierarchi':899 'highlight':448,581,668,728 'hint':1999 'horizont':1656,2202,2536,2561,2589,2633 'hover':613,618,637,652,1414,1447,1570,1998,2658 'icon':552,559,571,636 'iconhov':632 'ident':123 'imag':2609,2636 'immers':516,1825,2215 'impress':94 'indic':704 'indigo':509,3061 'info':1460 'inlin':1982 'input':660,667,685,752,1629,1933 'insid':2925 'instead':390,2309 'institut':99 'intensifi':1572 'intent':2326 'interact':68,447,601,1947,2440 'interactive/cta':2351 'intern':2584 'intro':1017 'introduc':1916 'isn':71 'iter':2936 'keep':2203,2315 'key':320,2478 'keyboard':2074 'keyword':1200 'l':1289 'label':431,679,680,687,689,1090,1140,1174,1202,1213,1644,2675,3013 'larg':931,967,1004,1949,2375,2508,3034 'larger':1946,2993 'lavend':649 'layer':247,256,372,828,1579,2140,2153,2334 'layout':1745,2503 'left':1667 'left-align':1666 'lemon':718,724 'letter':193,355,906,1339,2450,2725,2810,2910 'letter-spac':192,354,1338,2449,2724,2809,2909 'letterform':340 'level':1972,1976,1985,2001,2016,2043 'lift':857,1997 'light':158,348,583,640,856,1229,1255,2285 'light/dark':1910 'lightweight':1804 'like':183,283,1285,1887,2167 'line':904,2721,2742,3071 'line-height':2720,2741,3070 'link':445,606,1064,1077,1669,2467,2527,2562,2684,2872 'logotyp':1665 'luxuri':38,1257 'magenta':414,564,570,582,590,596,766,774,1715,1718,1727,2227,2700 'magenta-them':595,773,1717 'magenta/ruby':2462 'maintain':2559,2578,2613,2629,2637 'make':313 'manag':32 'margin':2515 'marker':1142 'matter':2314 'max':1791 'maximum':539,924 'may':2632 'md':3,10 'measur':1849 'metadata':1091 'micro':1126,1143,1215,1922 'mid':655 'minim':852 'minimalist':1845 'minimum':2538 'mobil':1695,2480,2542,2556,2592,2598,2626 'modal':2065 'mode':1306 'moder':2496 'modern':141 'modifi':134,1282 'moment':518 'monospac':425,872 'monotoni':1914 'multi':255,371,2139 'multi-lay':254,370,2138 'mute':1511 'name':2476 'nano':1161 'nav':676,1657,1683,2543,2889 'navi':53,309,387,460,520,2122,2306,2430,2669,3008 'navig':1076,1654,1945,2526,2560,2855 'navy-purpl':308 'near':3000 'need':187,1266 'negat':191,353,2185 'negoti':1280 'neutral':526,530,670,1481,1583,2096,2180,2340,2392 'never':1319,3029 'non':1279 'non-negoti':1278 'normal':1013,1029,1044,1060,1074,1086,1087,1104,1171,1184,1197,1210,1223,1361 'notabl':1765 'note':909 'noth':405,409 'number':893,1125,1160,1322,1329,2332,3041 'numer':225,1314 'offset':2162 'often':1573 'on-brand':317 'open':44 'opentyp':129,326,879,1305 'opposit':172 'orang':2437 'organ':1891 'orient':1784 'other':1246 'outlin':1425,1501,2073 'overal':93 'overlap':1320 'overlay':2222 'pack':1870 'pad':1401,1430,1465,1496,1589,1612,1803,2497,2521,2537,2585,2755,2839 'page':43,488,1980 'pair':2142 'palett':312,434,2123 'panel':1966,2014,2067 'paragraph':1325 'parallax':2166,2344 'parallax-lik':2165 'person':2418 'philosophi':1837,2078 'pill':407,1582,1584,2380,3031 'pill-shap':406 'pink':557,575,769 'pink-purpl':574 'pink-tint':768 'placehold':786,1652 'placeholder/drop':1710 'popov':2041 'posit':2448 'precis':39,1783,1838 'precision-ori':1782 'premium':91,394 'prevent':1913 'preview':1827 'primari':298,436,440,467,602,605,621,674,802,863,1046,1383,1395,1418,2103,2350,2444,2652 'primarili':1370 'principl':1228,1746,2087 'print':1107 'pro':870 'progress':364,1336 'prompt':2647,2704 'proport':220,1342 'pure':485,2150,2422,2663 'purpl':59,76,310,438,576,603,612,616,623,634,639,654,744,755,759,1396,1642,1686,1708,2347,2442,2655,2659,2686,2747,2876 'purple-tint':758 'purpos':1850 'px':196,200,361,922,942,959,978,998,1121,1137,1155,1346,1350,1354,1358,1548,1558,2027,2037,2054,2064,2189,2191,2492,2501,2728,2790,2800,2813,2913 'quick':2649 'radius':401,1404,1433,1468,1499,1528,1592,1615,1635,1680,1700,1920,2318,2378,2547,2644,2752,2768,2779,2836,2888,2892,2935,3021 'rang':663,664,3028 'rather':240 're':2469 'read':87,1032 'readabl':3076 'red':556 'red-pink':555 'redesign':100 'reduc':221,2484,2583 'refer':7,2651 'reflect':1779 'regular':878 'reinforc':831 'relax':365,1183,1196,1209,1943 'rem':917,937,954,973,993,1010,1025,1040,1056,1070,1084,1099,1116,1132,1150,1167,1180,1193,1206,1219 'respons':2473 'rgb':1504 'rgba':263,270,375,792,808,821,834,847,1451,1473,1485,1491,1539,1549,1561,1605,1620,1987,2003,2018,2028,2045,2055,2106,2154,2234,2294,2399,2781,2791,2827,2849,2919,2927,2972,2981 'rhythm':1898 'rich':83 'right':1689,2881 'right-align':1688,2880 'ring':1643,2068,2076 'role':435,900 'round':1929,1963,2324,3035 'rubi':411,545,551,1725,2225,2698 'ruby-to-magenta':1724,2224 'rule':860 'run':152 's1':2980 's2':2989 'sale':1423 'satur':84,450 'scale':671,1752,1767,1921,2600 'screenshot':2612 'scroll':2590,2634 'secondari':690,694,763,826,944,1457,2152 'secondary/compact':1062 'section':512,947,962,984,1001,1737,1807,1819,1897,1900,1905,2212,2577,2593,2689,2708,2897,3050 'select':610 'selector':661,665 'sens':1883 'set':132,334,1276,2272,2734,2944 'sf':869 'sfmono':877 'sfmono-regular':876 'shadow':238,260,276,299,373,788,790,803,805,815,819,827,832,841,845,854,1537,1559,1571,1835,1979,2077,2081,2100,2104,2126,2147,2172,2181,2193,2232,2242,2249,2293,2335,2394,2617,2780,2970,2995,3001 'shape':136,408,2381,3032 'shift':1449 'shout':189 'sign':1691 'signatur':58,262,345,798,1232,2288 'simplic':1369 'simplifi':2624 'simultan':35 'singl':246,1799,2482,2572 'single-column':1798 'single-lay':245 'sit':2173,2182 'site':251 'size':145,212,359,902,925,1237,1344,2454,2486,2606,2620 'skill' 'skill-design-md-stripe' 'skip':2405 'sky':290 'slate':2673,2678,3012,3017 'sm':2243 'small':1050,1089,1093,1159,1772 'smaller':211,1000,2999 'smallest':1173 'soft':648,754,839,846,2681 'softwar':79 'sohn':111,150,323,865,887,913,933,950,969,989,1006,1021,1036,1052,1066,1080,1095,1112,1128,1146,1163,1301,1409,1442,1648,1671,2262,2363,2410,2716,2805,2842,2866,2905,2948 'sohne-var':110,149,322,864,886,912,932,949,968,988,1005,1020,1035,1051,1065,1079,1094,1111,1127,1145,1162,1300,1408,1441,1647,1670,2261,2362,2409,2715,2804,2841,2865,2904,2947 'solid':466,553,1437,1472,1503,1519,1524,1596,1619,1633,1639,2071,2763,2775,2848 'source-galyarderlabs' 'sourcecodepro':422,873,1177,1190,1203,1216,1385,2630,3063 'space':194,356,907,1340,1747,1839,1879,2451,2532,2594,2726,2811,2911 'specif':1283 'spread':2186 'spreadsheet':1892 'ss01':130,327,881,923,943,960,979,999,1014,1030,1045,1061,1075,1088,1105,1138,1172,1224,1271,1274,1307,1327,1413,1446,1679,2265,2406,2735,2816,2875,2914,2945 'stack':2487,2574 'standard':25,735,1031,1521,1532,1538,1930,1940,2000,2011 'start':1420,1693,2878 'state':609,619,638,747 'status':701 'stay':3022 'sticki':1660,2251,2857 'strategi':2550 'stripe':4,11,14,19,120,179,235,252,437,1239,1253,1780,1847,2079,2101,2386,2455,2654,2685 'strong':678 'style':1393 'stylist':131,333,1275,2271 'sub':965,983,986 'sub-head':964,985 'sub-sect':982 'subdu':651 'subduedhov':647 'subtitl':2736 'subtl':757,843,1928,1995 'success':698,703,711,714,1602,2693,2825 'surfac':491,593,730 'syntax':1187 'system':6,13,30,214,239,458,1748,1846,2082,2094 'tab':1965 'tabl':1333,1866,2588,3043 'tablet':2489 'tabular':224,892,1110,1144,1313 'tabular/financial':2331 'tag':1581 'tap':2540 'target':2517,2541 'technic':36,430,1212 'tertiary/info-level':1479 'text':125,205,330,446,484,493,662,677,686,695,712,716,889,1018,1033,1048,1259,1303,1310,1399,1428,1463,1490,1587,1610,1650,1677,1743,1983,2268,2284,2412,2667,2672,2676,2757,2766,2834,2874,2886,2901,2950 'theme':17,597,775,1719 'tie':304 'tight':920,940,957,976,996,1043,1059,1073,1135,1153,1170,1222,1530,1869,2457 'tighten':203,1341 'timestamp':1108 'tini':1139,1225 'tint':259,369,592,760,770,801,1578,1834,2146,2292,2338,2396,2616 'titl':963,2801 'tnum':227,890,1122,1156,1311,1335,2328,3038 'toggl':1697,2544,2565 'top':2244,2247 'top-edg':2246 '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':2516 'track':222,1337,2456 'transit':2228 'transpar':1427,1459,1462,1484,2761 'treatment':1973,2582,2631 'truli':233 'ts':2258 'twilight':289 'two':1304,1367 'two-weight':1366 'type':106 'typograph':1243,1857,2956 'typographi':859,2599 'ui':631,1785,1873 'ui/buttons':1377 'underton':295,537 'unit':1750 'unlik':1840 'uppercas':1211 'use':216,253,374,1247,1254,1326,1334,1386,1417,1456,1478,1508,1738,1848,1974,2095,2260,2276,2303,2327,2345,2357,2374,2391,2421,2433,2460,2519,2926,2964,3030,3037,3051 'util':505,588 'valu':2187 'var':112,151,324,866,888,914,934,951,970,990,1007,1022,1037,1053,1067,1081,1096,1113,1129,1147,1164,1302,1410,1443,1649,1672,2263,2364,2411,2717,2806,2843,2867,2906,2949 'variabl':113 'vast':1842 'vertic':2205,2525 'via':226 'violet':85,453 'visual':16,122 'vivid':573 'voic':2371 'warm':41,393,554,2434 'warmth':480,2313 'warn':726 'websit':21 'weight':154,159,217,341,347,903,928,1230,1233,1267,1368,1411,1444,1600,1627,1674,2277,2358,2366,2557,2718,2739,2807,2820,2844,2869,2907,2917,2959 'well':1890 'well-organ':1889 'whisper':167,927 'whisper-weight':926 'white':48,486,1659,1742,1899,2664,2710,2756,2772,2856,2885,2900 'whitespac':1836,1851 'width':1793,1817,2477,2581 'without':541,1915 'workhors':1937 'world':104 'world-class':103 'y1':2978 'y1/b1':2991 'y2':2987 'y2/b2':2997 'yellow':2438 'zone':784,1711","prices":[{"id":"8e41417a-088c-4238-b787-7cadc0e79a8e","listingId":"203c5dd3-9b1b-4b5f-9571-685c7993a205","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:48.375Z"}],"sources":[{"listingId":"203c5dd3-9b1b-4b5f-9571-685c7993a205","source":"github","sourceId":"galyarderlabs/galyarder-framework/design-md-stripe","sourceUrl":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-stripe","isPrimary":false,"firstSeenAt":"2026-05-10T01:06:48.375Z","lastSeenAt":"2026-05-18T19:07:49.375Z"}],"details":{"listingId":"203c5dd3-9b1b-4b5f-9571-685c7993a205","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"galyarderlabs","slug":"design-md-stripe","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":"94d89579d08ce4f8b13cdf4475d89c3dee9a3461","skill_md_path":"skills/design-md-stripe/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/galyarderlabs/galyarder-framework/tree/main/skills/design-md-stripe"},"layout":"multi","source":"github","category":"galyarder-framework","frontmatter":{"name":"design-md-stripe","description":"Design system reference for design md stripe."},"skills_sh_url":"https://skills.sh/galyarderlabs/galyarder-framework/design-md-stripe"},"updatedAt":"2026-05-18T19:07:49.375Z"}}