{"id":"174e831d-6415-4dea-8140-1e2e2ad9d6d8","shortId":"fVn3kJ","kind":"skill","title":"bold","tagline":"Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.","description":"<!-- TYPEUI_SH_MANAGED_START -->\n# Bold Design System Skill (Universal)\n\n## Mission\nYou are an expert design-system guideline author for Bold.\nCreate practical, implementation-ready guidance that can be directly used by engineers and designers.\n\n## Brand\n\n\n## Style Foundations\n- Visual style: bold\n- Typography scale: desktop-first expressive scale | Fonts: primary=Archivo Black, display=Archivo Black, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900\n- Color palette: primary, secondary | Tokens: primary=#0077BC, secondary=#009866, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#111111, text=#111827\n- Spacing scale: 4/8/12/16/24/32\n\n\n## Accessibility\nWCAG 2.2 AA, keyboard-first interactions, visible focus states, screen-reader tested labels, reduced-motion support, 44px+ touch targets, high-contrast support\n\n## Writing Tone\nfriendly, professional\n\n## Rules: Do\n- prefer semantic tokens over raw values\n- preserve visual hierarchy\n- keep interaction states explicit\n\n## Rules: Don't\n- avoid low contrast text\n- avoid inconsistent spacing rhythm\n- avoid ambiguous labels\n\n## Expected Behavior\n- Follow the foundations first, then component consistency.\n- When uncertain, prioritize accessibility and clarity over novelty.\n- Provide concrete defaults and explain trade-offs when alternatives are possible.\n- Keep guidance opinionated, concise, and implementation-focused.\n\n## Guideline Authoring Workflow\n1. Restate the design intent in one sentence before proposing rules.\n2. Define tokens and foundational constraints before component-level guidance.\n3. Specify component anatomy, states, variants, and interaction behavior.\n4. Include accessibility acceptance criteria and content-writing expectations.\n5. Add anti-patterns and migration notes for existing inconsistent UI.\n6. End with a QA checklist that can be executed in code review.\n\n## Required Output Structure\nWhen generating design-system guidance, use this structure:\n- Context and goals\n- Design tokens and foundations\n- Component-level rules (anatomy, variants, states, responsive behavior)\n- Accessibility requirements and testable acceptance criteria\n- Content and tone standards with examples\n- Anti-patterns and prohibited implementations\n- QA checklist\n\n## Component Rule Expectations\n- Define required states: default, hover, focus-visible, active, disabled, loading, error (as relevant).\n- Describe interaction behavior for keyboard, pointer, and touch.\n- State spacing, typography, and color-token usage explicitly.\n- Include responsive behavior and edge cases (long labels, empty states, overflow).\n\n## Quality Gates\n- No rule should depend on ambiguous adjectives alone; anchor each rule to a token, threshold, or example.\n- Every accessibility statement must be testable in implementation.\n- Prefer system consistency over one-off local optimizations.\n- Flag conflicts between aesthetics and accessibility, then prioritize accessibility.\n\n## Example Constraint Language\n- Use \"must\" for non-negotiable rules and \"should\" for recommendations.\n- Pair every do-rule with at least one concrete don't-example.\n- If introducing a new pattern, include migration guidance for existing components.\n\n<!-- TYPEUI_SH_MANAGED_END -->","tags":["bold","awesome","design","skills","bergside","agent-skills","agentic-ai","agentic-workflow","agents","ai-agents","ai-tools","awesome-list"],"capabilities":["skill","source-bergside","skill-bold","topic-agent-skills","topic-agentic-ai","topic-agentic-workflow","topic-agents","topic-ai-agents","topic-ai-tools","topic-awesome","topic-awesome-list","topic-awesome-readme","topic-claude-design","topic-codex","topic-cursor"],"categories":["awesome-design-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/bergside/awesome-design-skills/bold","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add bergside/awesome-design-skills","source_repo":"https://github.com/bergside/awesome-design-skills","install_from":"skills.sh"}},"qualityScore":"0.589","qualityRationale":"deterministic score 0.59 from registry signals: · indexed on github topic:agent-skills · 277 github stars · SKILL.md body (3,239 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-02T12:53:52.024Z","embedding":null,"createdAt":"2026-04-18T22:11:08.553Z","updatedAt":"2026-05-02T12:53:52.024Z","lastSeenAt":"2026-05-02T12:53:52.024Z","tsv":"'0077bc':86 '009866':88 '1':202 '100':71 '111111':96 '111827':98 '16a34a':90 '2':213 '2.2':104 '200':72 '3':224 '300':73 '4':233 '4/8/12/16/24/32':101 '400':74 '44px':122 '5':243 '500':75 '6':255 '600':76 '700':77 '800':78 '900':79 'aa':105 'accept':236,300 'access':102,174,235,296,381,402,405 'activ':327 'add':244 'adject':369 'aesthet':400 'alon':370 'altern':188 'ambigu':160,368 'anatomi':227,291 'anchor':371 'anti':246,309 'anti-pattern':245,308 'archivo':62,65 'author':29,200 'avoid':151,155,159 'behavior':163,232,295,335,352 'black':63,66 'bold':1,15,31,52 'brand':47 'case':355 'checklist':260,315 'clariti':176 'code':266 'color':11,80,346 'color-token':345 'command':13 'compon':169,221,226,288,316,444 'component-level':220,287 'concis':194 'concret':180,429 'conflict':398 'consist':170,390 'constraint':218,407 'content':240,302 'content-writ':239 'context':280 'contrast':10,127,153 'creat':32 'criteria':237,301 'd97706':92 'danger':93 'dc2626':94 'default':181,322 'defin':214,319 'depend':366 'describ':333 'design':16,26,46,205,274,283 'design-system':25,273 'desktop':56 'desktop-first':55 'direct':41 'disabl':328 'display':64 'do-rul':422 'edg':354 'empti':358 'end':256 'engin':44 'error':330 'everi':380,421 'exampl':307,379,406,433 'execut':264 'exist':252,443 'expect':162,242,318 'expert':24 'explain':183 'explicit':147,349 'express':58 'first':57,108,167 'flag':397 'focus':111,198,325 'focus-vis':324 'follow':164 'font':60 'foundat':49,166,217,286 'friend':131 'gate':362 'generat':272 'goal':282 'guidanc':37,192,223,276,441 'guidelin':28,199 'heavyweight':6 'hierarchi':143 'high':9,126 'high-contrast':8,125 'hover':323 'implement':35,197,313,387 'implementation-focus':196 'implementation-readi':34 'includ':234,350,439 'inconsist':156,253 'intent':206 'interact':109,145,231,334 'introduc':435 'jetbrain':68 'keep':144,191 'keyboard':107,337 'keyboard-first':106 'label':117,161,357 'languag':408 'layout':14 'least':427 'level':222,289 'load':329 'local':395 'long':356 'low':152 'migrat':249,440 'mission':20 'mono':67,69 'motion':120 'must':383,410 'negoti':414 'new':437 'non':413 'non-negoti':412 'note':250 'novelti':178 'off':186 'one':208,393,428 'one-off':392 'opinion':193 'optim':396 'output':269 'overflow':360 'pair':420 'palett':81 'pattern':247,310,438 'pointer':338 'possibl':190 'practic':33 'prefer':135,388 'presenc':4 'preserv':141 'primari':61,82,85 'priorit':173,404 'profession':132 'prohibit':312 'propos':211 'provid':179 'qa':259,314 'qualiti':361 'raw':139 'reader':115 'readi':36 'recommend':419 'reduc':119 'reduced-mot':118 'relev':332 'requir':268,297,320 'respons':294,351 'restat':203 'review':267 'rhythm':158 'rule':133,148,212,290,317,364,373,415,424 'scale':54,59,100 'screen':114 'screen-read':113 'secondari':83,87 'semant':136 'sentenc':209 'skill':18 'skill-bold' 'source-bergside' 'space':99,157,342 'specifi':225 'standard':305 'state':112,146,228,293,321,341,359 'statement':382 'strong':2 'structur':270,279 'style':48,51 'success':89 'support':121,128 'surfac':95 'system':17,27,275,389 't-exampl':431 'target':124 'test':116 'testabl':299,385 'text':97,154 'threshold':377 'token':84,137,215,284,347,376 'tone':130,304 'topic-agent-skills' 'topic-agentic-ai' 'topic-agentic-workflow' 'topic-agents' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome' 'topic-awesome-list' 'topic-awesome-readme' 'topic-claude-design' 'topic-codex' 'topic-cursor' 'touch':123,340 'trade':185 'trade-off':184 'typographi':7,53,343 'ui':254 'uncertain':172 'univers':19 'usag':348 'use':42,277,409 'valu':140 'variant':229,292 'visibl':110,326 'visual':3,50,142 'warn':91 'wcag':103 'weight':70 'workflow':201 'write':129,241","prices":[{"id":"4efba0c2-5d80-4b21-9481-8b2893ba6b8b","listingId":"174e831d-6415-4dea-8140-1e2e2ad9d6d8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"bergside","category":"awesome-design-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:11:08.553Z"}],"sources":[{"listingId":"174e831d-6415-4dea-8140-1e2e2ad9d6d8","source":"github","sourceId":"bergside/awesome-design-skills/bold","sourceUrl":"https://github.com/bergside/awesome-design-skills/tree/main/skills/bold","isPrimary":false,"firstSeenAt":"2026-04-18T22:11:08.553Z","lastSeenAt":"2026-05-02T12:53:52.024Z"}],"details":{"listingId":"174e831d-6415-4dea-8140-1e2e2ad9d6d8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"bergside","slug":"bold","github":{"repo":"bergside/awesome-design-skills","stars":277,"topics":["agent-skills","agentic-ai","agentic-workflow","agents","ai","ai-agents","ai-tools","awesome","awesome-list","awesome-readme","claude-design","codex","cursor","design","design-md","design-system","google-stitch","skills"],"license":"mit","html_url":"https://github.com/bergside/awesome-design-skills","pushed_at":"2026-05-01T09:16:36Z","description":"List of awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools","skill_md_sha":"168a1e8d78b342d246159e2361d4eece25c53c5d","skill_md_path":"skills/bold/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/bergside/awesome-design-skills/tree/main/skills/bold"},"layout":"multi","source":"github","category":"awesome-design-skills","frontmatter":{"name":"bold","license":"MIT","description":"Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts."},"skills_sh_url":"https://skills.sh/bergside/awesome-design-skills/bold"},"updatedAt":"2026-05-02T12:53:52.024Z"}}