{"id":"35b0b21a-c2a0-4396-9583-5a6269153011","shortId":"7qcaNA","kind":"skill","title":"pacman","tagline":"Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.","description":"<!-- TYPEUI_SH_MANAGED_START -->\n# Pacman Design System Skill (Universal)\n\n## Mission\nYou are an expert design-system guideline author for pacman.\nCreate practical, implementation-ready guidance that can be directly used by engineers and designers.\n\n## Brand\nDive into the legendary arcade adventure of Pac‑Man, where quick reflexes and smart moves help you clear mazes and escape the ghosts.\n\n## Style Foundations\n- Visual style: high-contrast, playful, dotted borders\n- Typography scale: desktop-first expressive scale | Fonts: primary=Press Start 2P, display=Press Start 2P, mono=Space Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900\n- Color palette: primary, secondary, success, warning, danger, info, surface/subtle layers | Tokens: primary=#2A3FE5, secondary=#F4B9B0, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#000000, text=#111827\n- Spacing scale: 8pt baseline grid\n\n\n## Accessibility\nWCAG 2.2 AA, keyboard-first interactions, visible focus states, reduced-motion support, 44px+ touch targets, high-contrast support\n\n## Writing Tone\nprofessional\n\n## Rules: Do\n- prefer semantic tokens over raw values\n- preserve visual hierarchy\n\n## Rules: Don't\n- avoid low contrast text\n- avoid inconsistent spacing rhythm\n- avoid decorative motion without purpose\n- avoid ambiguous labels\n- avoid mixing multiple visual metaphors\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":["pacman","awesome","design","skills","bergside","agent-skills","agentic-ai","agentic-workflow","agents","ai-agents","ai-tools","awesome-list"],"capabilities":["skill","source-bergside","skill-pacman","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/pacman","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,474 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:54.710Z","embedding":null,"createdAt":"2026-04-18T22:11:34.926Z","updatedAt":"2026-05-02T12:53:54.710Z","lastSeenAt":"2026-05-02T12:53:54.710Z","tsv":"'000000':139 '1':247 '100':108 '111827':141 '16a34a':133 '2':258 '2.2':149 '200':109 '2a3fe5':129 '2p':99,103 '3':269 '300':110 '4':278 '400':111 '44px':162 '5':288 '500':112 '6':300 '600':113 '700':114 '8':18 '800':115 '8pt':144 '900':116 'aa':150 'accept':281,345 'access':147,219,280,341,426,447,450 'activ':372 'add':289 'adject':414 'adventur':60 'aesthet':21,445 'alon':415 'altern':233 'ambigu':200,413 'anatomi':272,336 'anchor':416 'anti':291,354 'anti-pattern':290,353 'arcad':4,59 'arcade-inspir':3 'author':36,245 'avoid':186,190,194,199,202 'baselin':145 'behavior':208,277,340,380,397 'bit':19 'border':11,87 'brand':54 'case':400 'checklist':305,360 'clariti':221 'clear':72 'code':311 'color':16,117,391 'color-token':390 'compon':214,266,271,333,361,489 'component-level':265,332 'concis':239 'concret':225,474 'conflict':443 'consist':215,435 'constraint':263,452 'content':285,347 'content-writ':284 'context':325 'contrast':15,84,167,188 'creat':39 'criteria':282,346 'd97706':135 'danger':123,136 'dc2626':137 'decor':195 'default':226,367 'defin':259,364 'depend':411 'describ':378 'design':6,23,33,53,250,319,328 'design-system':32,318 'desktop':91 'desktop-first':90 'direct':48 'disabl':373 'display':100 'dive':55 'do-rul':467 'dot':10,86 'edg':399 'empti':403 'end':301 'engin':51 'error':375 'escap':75 'everi':425,466 'exampl':352,424,451,478 'execut':309 'exist':297,488 'expect':207,287,363 'expert':31 'explain':228 'explicit':394 'express':93 'f4b9b0':131 'first':92,153,212 'flag':442 'focus':156,243,370 'focus-vis':369 'follow':209 'font':9,95 'foundat':79,211,262,331 'game':20 'gate':407 'generat':317 'ghost':77 'goal':327 'grid':146 'guidanc':44,237,268,321,486 'guidelin':35,244 'help':70 'hierarchi':182 'high':14,83,166 'high-contrast':13,82,165 'hover':368 'implement':42,242,358,432 'implementation-focus':241 'implementation-readi':41 'includ':279,395,484 'inconsist':191,298 'info':124 'inspir':5 'intent':251 'interact':154,276,379 'introduc':480 'keep':236 'keyboard':152,382 'keyboard-first':151 'label':201,402 'languag':453 'layer':126 'least':472 'legendari':58 'level':267,334 'load':374 'local':440 'long':401 'low':187 'man':63 'maze':73 'metaphor':206 'migrat':294,485 'mission':27 'mix':203 'mono':104,106 'motion':160,196 'move':69 'multipl':204 'must':428,455 'negoti':459 'new':482 'non':458 'non-negoti':457 'note':295 'novelti':223 'off':231 'one':253,438,473 'one-off':437 'opinion':238 'optim':441 'output':314 'overflow':405 'pac':62 'pacman':1,22,38 'pair':465 'palett':118 'pattern':292,355,483 'pixel':8 'play':12,85 'pointer':383 'possibl':235 'practic':40 'prefer':174,433 'preserv':180 'press':97,101 'primari':96,119,128 'priorit':218,449 'profession':171 'prohibit':357 'propos':256 'provid':224 'purpos':198 'qa':304,359 'qualiti':406 'quick':65 'raw':178 'readi':43 'recommend':464 'reduc':159 'reduced-mot':158 'reflex':66 'relev':377 'requir':313,342,365 'respons':339,396 'restat':248 'retro':2 'review':312 'rhythm':193 'rule':172,183,257,335,362,409,418,460,469 'scale':89,94,143 'secondari':120,130 'semant':175 'sentenc':254 'skill':25 'skill-pacman' 'smart':68 'source-bergside' 'space':105,142,192,387 'specifi':270 'standard':350 'start':98,102 'state':157,273,338,366,386,404 'statement':427 'structur':315,324 'style':78,81 'success':121,132 'support':161,168 'surfac':138 'surface/subtle':125 'system':24,34,320,434 't-exampl':476 'target':164 'testabl':344,430 'text':140,189 'threshold':422 'token':127,176,260,329,392,421 'tone':170,349 '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':163,385 'trade':230 'trade-off':229 'typographi':88,388 'ui':299 'uncertain':217 'univers':26 'usag':393 'use':49,322,454 'valu':179 'variant':274,337 'visibl':155,371 'visual':80,181,205 'warn':122,134 'wcag':148 'weight':107 'without':197 'workflow':246 'write':169,286","prices":[{"id":"aea8436a-00fc-45af-9dae-aeabc2ecbff9","listingId":"35b0b21a-c2a0-4396-9583-5a6269153011","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:34.926Z"}],"sources":[{"listingId":"35b0b21a-c2a0-4396-9583-5a6269153011","source":"github","sourceId":"bergside/awesome-design-skills/pacman","sourceUrl":"https://github.com/bergside/awesome-design-skills/tree/main/skills/pacman","isPrimary":false,"firstSeenAt":"2026-04-18T22:11:34.926Z","lastSeenAt":"2026-05-02T12:53:54.710Z"}],"details":{"listingId":"35b0b21a-c2a0-4396-9583-5a6269153011","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"bergside","slug":"pacman","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":"54305962482d72df95251a353bb57d3db7aa4563","skill_md_path":"skills/pacman/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/bergside/awesome-design-skills/tree/main/skills/pacman"},"layout":"multi","source":"github","category":"awesome-design-skills","frontmatter":{"name":"pacman","license":"MIT","description":"Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics."},"skills_sh_url":"https://skills.sh/bergside/awesome-design-skills/pacman"},"updatedAt":"2026-05-02T12:53:54.710Z"}}