メニュー
Maintain the homepage news bulletin (three topical slots above the footer). Use when the user asks to add, replace, remove, or update a bulletin item, or says "news bulletin", "bulletin slot", or "top of mind" homepage snippets.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | news-bulletin |
| description | Maintain the homepage news bulletin (three topical slots above the footer). Use when the user asks to add, replace, remove, or update a bulletin item, or says "news bulletin", "bulletin slot", or "top of mind" homepage snippets. |
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 |
{
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.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/ |
| 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) |
npm run typechecknpm test -- --run nextjs-app/shared/data/news-bulletin.test.ts nextjs-app/shared/patterns/NewsBulletin/NewsBulletin.test.tsxnews-bulletin.tsCreates and modifies Digitaltableteur UI components, layout patterns, Storybook stories, contracts, and design tokens under nextjs-app/shared/. Use when the user says "new component", "scaffold component", "Storybook story", "design system", "CSS Modules", "component contract", "validate:components", or edits files in shared/components or shared/patterns. Do NOT use for Next.js page routes (use dt-nextjs-app) or API endpoints (use dt-api-routes).
Find and reuse existing @dt design-system components before creating new UI. Use when the user asks which component to use, wants to avoid duplicating UI, needs import guidance, or says "reuse component", "what should I use for", "find component", "dogfood audit", or "existing primitive for".
Expert guidance for React 19+, Next.js 16, TypeScript, CSS Modules, and modern frontend architecture. Use when building components, implementing features, optimizing performance, or working with React hooks, state management, routing, or frontend tooling. Includes accessibility (a11y), internationalization (i18n), and design system integration.
Builds and fixes Digitaltableteur Next.js 16 App Router pages, layouts, metadata, OG images, sitemap, and robots under app/. Use when the user says "add a page", "opengraph", "OG image", "generateMetadata", "page.tsx", "layout.tsx", "sitemap", "async params", or edits app/ routes. Do NOT use for UI component internals (use dt-design-system) or app/api route handlers (use dt-api-routes).
Runs Claude Code dynamic workflows (ultracode) on partitionable Digitaltableteur tasks with objective verification bars. Use when the user says "workflow", "ultracode", "bulk sweep", "parallel migration", "promote all components", or wants autonomous multi-agent work with tests as the done gate. Do NOT use for single-file edits, subjective design decisions, or shipping PRs (use dt-ship-pr).
Expert guidance for React 19+, Next.js 16, TypeScript, CSS Modules, and modern frontend architecture. Use when building components, implementing features, optimizing performance, or working with React hooks, state management, routing, or frontend tooling. Includes accessibility (a11y), internationalization (i18n), and design system integration.