News bulletin skill Skill

News bulletin skill

Source of truth

nextjs-app/shared/data/news-bulletin.ts — exactly three entries in NEWS_BULLETIN_ITEMS.

Always sync copy and badge type from Figma — never invent GO-award or other placeholder content.

Figma reference: DT-Site-stuff node 310:899

| Figma layer | Node | Badge kind | Body (as of design) | |-------------|------|------------|---------------------| | First | 310:898 | percent (50%) | Bandwidth during summertime, 2026 | | Second | 310:897 | npm (v2.0.0) | Rhythmguard 2.0 out now | | Group 20 | 310:896 | placeholder | Lorem ipsum dolor isit |

Item shape

{
  id: "rhythmguard-2",
  figmaRef: "310:897",
  badge: { kind: "npm", version: "v2.0.0" },
  body: "Rhythmguard 2.0 out now",
  link: {
    kind: "external",
    href: "https://www.npmjs.com/package/stylelint-plugin-rhythmguard",
  },
}

Badge kinds

| badge.kind | When to use | |--------------|-------------| | percent | Lime circle + value (Figma “First”) | | npm | npm-style version pill (Figma “Second”) | | placeholder | Grey 48×48 until final art (Figma “Group 20”) | | image | Exported raster/SVG under public/images/news-bulletin/ |

Commands (user intent → action)

| User says | You do | |-----------|--------| | "List bulletins" / "what's on the bulletin" | Read data file; summarize id, badge kind, body, link kind | | "Replace bulletin rhythmguard-2 with …" | Find by id, update fields; keep array length 3 | | "New bulletin about X" (no id) | Ask which slot to replace or replace slot 3 first; never exceed 3 items | | "Make bandwidth-summer-2026 link to /blog/foo" | Set link: { kind: "internal", href: "/blog/foo" } | | "Make bulletin-slot-3 static text only" | Set link: { kind: "static" } | | "Remove bulletin-slot-3" | Do not delete — replace that slot with new content (count must stay 3) |

After editing

Run npm run typecheck
Run npm test -- --run nextjs-app/shared/data/news-bulletin.test.ts nextjs-app/shared/patterns/NewsBulletin/NewsBulletin.test.tsx
Visually check homepage above footer against Figma 310:899 (full viewport width, 24px between cards, 32px badge→copy)

Do not

Add a fourth slot
Store bulletin copy only in translation JSON without updating news-bulletin.ts
Substitute unrelated content (e.g. Grand One awards) when Figma shows different topics
Assume slots 1–2 are placeholders — they are real content unless the user says otherwise

Agent Skills: News bulletin skill

Install this agent skill to your local

Skill Files