{"id":"841028ea-b744-4417-829f-271e10e2d671","shortId":"YxtDhB","kind":"skill","title":"publication","tagline":"Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.","description":"<!-- TYPEUI_SH_MANAGED_START -->\n# Publication Design System Skill (Universal)\n\n## Mission\nYou are an expert design-system guideline author for Publication.\nCreate practical, implementation-ready guidance that can be directly used by engineers and designers.\n\n## Brand\nPublication design style define the visual language of books, magazines, and reports, ranging from clean minimalism to ornate, expressive, or retro aesthetics\n\n## Style Foundations\n- Visual style: modern, editorial\n- Typography scale: desktop-first expressive scale | Fonts: primary=Nunito, display=Oswald, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900\n- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#A855F7, secondary=#0A1829, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#0A1829\n- Spacing scale: 4/8/12/16/24/32\n\n\n## Accessibility\nWCAG 2.2 AA, keyboard-first interactions, visible focus states, semantic HTML before ARIA, screen-reader tested labels, reduced-motion support, 44px+ touch targets, high-contrast support\n\n## Writing Tone\nconcise, confident, professional\n\n## Rules: Do\n- prefer semantic tokens over raw values\n- preserve visual hierarchy\n- keep interaction states explicit\n- design for empty/loading/error states\n- ensure responsive behavior by default\n- document accessibility rationale\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- avoid inaccessible hit areas\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":["publication","awesome","design","skills","bergside","agent-skills","agentic-ai","agentic-workflow","agents","ai-agents","ai-tools","awesome-list"],"capabilities":["skill","source-bergside","skill-publication","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/publication","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,700 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:55.099Z","embedding":null,"createdAt":"2026-04-18T22:11:38.677Z","updatedAt":"2026-05-02T12:53:55.099Z","lastSeenAt":"2026-05-02T12:53:55.099Z","tsv":"'0a1829':115,125 '1':260 '100':95 '16a34a':117 '2':271 '2.2':131 '200':96 '3':282 '300':97 '4':291 '4/8/12/16/24/32':128 '400':98 '44px':153 '5':301 '500':99 '6':313 '600':100 '700':101 '800':102 '900':103 'a855f7':113 'aa':132 'accept':294,358 'access':129,190,232,293,354,439,460,463 'activ':385 'add':302 'adject':427 'aesthet':72,458 'alon':428 'altern':246 'ambigu':209,426 'anatomi':285,349 'anchor':429 'anti':304,367 'anti-pattern':303,366 'area':219 'aria':143 'author':32,258 'avoid':195,199,203,208,211,216 'behavior':186,221,290,353,393,410 'book':8,59 'brand':50 'case':413 'checklist':318,373 'clariti':234 'clean':65 'code':324 'color':104,404 'color-token':403 'compon':227,279,284,346,374,502 'component-level':278,345 'concis':162,252 'concret':238,487 'confid':163 'conflict':456 'consist':228,448 'constraint':276,465 'content':298,360 'content-writ':297 'context':338 'contrast':158,197 'creat':35 'criteria':295,359 'd97706':119 'danger':110,120 'dc2626':121 'decor':204 'default':188,239,380 'defin':54,272,377 'depend':424 'describ':391 'design':19,29,49,52,180,263,332,341 'design-system':28,331 'desktop':82 'desktop-first':81 'direct':44 'disabl':386 'display':89 'do-rul':480 'document':189 'edg':412 'editori':13,78 'empti':416 'empty/loading/error':182 'end':314 'engin':47 'ensur':184 'error':388 'everi':438,479 'exampl':365,437,464,491 'execut':322 'exist':310,501 'expect':220,300,376 'expert':27 'explain':241 'explicit':179,407 'express':16,69,84 'ffffff':123 'first':83,135,225 'flag':455 'focus':138,256,383 'focus-vis':382 'follow':222 'font':86 'foundat':74,224,275,344 'gate':420 'generat':330 'goal':340 'grid':14 'guidanc':40,250,281,334,499 'guidelin':31,257 'hierarchi':175 'high':157 'high-contrast':156 'hit':218 'hover':381 'html':141 'implement':38,255,371,445 'implementation-focus':254 'implementation-readi':37 'inaccess':217 'includ':292,408,497 'inconsist':200,311 'inspir':4 'intent':264 'interact':136,177,289,392 'introduc':493 'jetbrain':92 'keep':176,249 'keyboard':134,395 'keyboard-first':133 'label':148,210,415 'languag':6,57,466 'least':485 'level':280,347 'load':387 'local':453 'long':414 'low':196 'magazin':9,60 'metaphor':215 'migrat':307,498 'minim':66 'mission':23 'mix':212 'modern':77 'mono':91,93 'motion':151,205 'multipl':213 'must':441,468 'negoti':472 'neutral':107 'new':495 'non':471 'non-negoti':470 'note':308 'novelti':236 'nunito':88 'off':244 'one':266,451,486 'one-off':450 'opinion':251 'optim':454 'ornat':68 'oswald':90 'output':327 'overflow':418 'pair':478 'palett':105 'pattern':305,368,496 'pointer':396 'possibl':248 'practic':36 'prefer':167,446 'preserv':173 'primari':87,106,112 'print':3 'print-inspir':2 'priorit':231,462 'profession':164 'prohibit':370 'propos':269 'provid':237 'public':1,18,34,51 'purpos':207 'qa':317,372 'qualiti':419 'rang':63 'rational':191 'raw':171 'reader':146 'readi':39 'recommend':477 'reduc':150 'reduced-mot':149 'relev':390 'report':11,62 'requir':326,355,378 'respons':185,352,409 'restat':261 'retro':71 'review':325 'rhythm':202 'rule':165,192,270,348,375,422,431,473,482 'scale':80,85,127 'screen':145 'screen-read':144 'secondari':114 'semant':140,168 'sentenc':267 'skill':21 'skill-publication' 'source-bergside' 'space':126,201,400 'specifi':283 'standard':363 'state':139,178,183,286,351,379,399,417 'statement':440 'structur':328,337 'style':53,73,76 'success':108,116 'support':152,159 'surfac':122 'system':20,30,333,447 't-exampl':489 'target':155 'test':147 'testabl':357,443 'text':124,198 'threshold':435 'token':111,169,273,342,405,434 'tone':161,362 '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':154,398 'trade':243 'trade-off':242 'typographi':17,79,401 'ui':312 'uncertain':230 'univers':22 'usag':406 'use':45,335,467 'valu':172 'variant':287,350 'visibl':137,384 'visual':5,56,75,174,214 'warn':109,118 'wcag':130 'weight':94 'without':206 'workflow':259 'write':160,299","prices":[{"id":"6da54de2-5884-440c-9633-af88208643ff","listingId":"841028ea-b744-4417-829f-271e10e2d671","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:38.677Z"}],"sources":[{"listingId":"841028ea-b744-4417-829f-271e10e2d671","source":"github","sourceId":"bergside/awesome-design-skills/publication","sourceUrl":"https://github.com/bergside/awesome-design-skills/tree/main/skills/publication","isPrimary":false,"firstSeenAt":"2026-04-18T22:11:38.677Z","lastSeenAt":"2026-05-02T12:53:55.099Z"}],"details":{"listingId":"841028ea-b744-4417-829f-271e10e2d671","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"bergside","slug":"publication","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":"2f40f0de3076b6ddd4da8fae179cbb54bcaadc22","skill_md_path":"skills/publication/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/bergside/awesome-design-skills/tree/main/skills/publication"},"layout":"multi","source":"github","category":"awesome-design-skills","frontmatter":{"name":"publication","license":"MIT","description":"Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography."},"skills_sh_url":"https://skills.sh/bergside/awesome-design-skills/publication"},"updatedAt":"2026-05-02T12:53:55.099Z"}}