digitaltableteur

Creates 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".

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.

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.

Accessibility review for digitaltableteur using Sanna's a11y.ing demo checklist and testing philosophy. Use before shipping UI, when adding pages to the a11y registry, or when axe passes but voice control or screen reader UX may still fail.

Implements and debugs Digitaltableteur server endpoints under app/api/ including chat streaming, contact form, and GDPR deletion. Use when the user says "API route", "route.ts", "chat endpoint", "contact form API", "rate limit", "MongoDB", "streaming response", or "test:security". Do NOT use for legacy Vite serverless unless migrating (see api-legacy-vercel-functions). Do NOT use for page UI.

Publishes and edits Digitaltableteur blog content via Sanity CMS, regenerates blog manifest, and verifies blog routes. Use when the user says "Sanity", "publish blog", "sanity:publish", "blog post", "blog manifest", "schemaTypes", or edits digitaltableteur-blog/ or app/blog/. Do NOT use for generic Next.js pages outside blog (dt-nextjs-app) or component work (dt-design-system).

Runs and modifies Digitaltableteur automation under scripts/ including Linear, Sentry, visual regression, design-system CLI, blog manifest, and deployment. Use when the user says "Linear issue", "Sentry summary", "visual regression", "test:visual", "generate manifest", "pseo generate", "design-system script", or edits files under scripts/. Do NOT use for app/ pages (dt-nextjs-app) or component styling (dt-design-system).

Ships Digitaltableteur work via git commit and GitHub pull request using project safety rules. Use when the user says "create PR", "open pull request", "ship this", "push and PR", or asks to commit and open a PR. Do NOT use for read-only git status checks or code changes without shipping intent.

Interactive workflow to add new work/portfolio projects. Guides through project setup with questions, then generates all required files: projects.ts entry, page route, page component, CSS module, and navigation integration.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Expert data science guidance for analytics, data processing, visualization, statistical analysis, machine learning, and AI integration. Use when analyzing data, building ML models, creating visualizations, processing datasets, conducting A/B tests, optimizing metrics, or integrating AI features. Includes Python (pandas, scikit-learn), data pipelines, and model deployment.

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

Expert UI design and visual design guidance for design systems, typography, color theory, layout, spacing, iconography, and component visual design. Use when designing interfaces, creating visual hierarchies, choosing colors, defining typography scales, creating design tokens, working with Figma, or building cohesive visual systems. Includes brand application and design-to-dev handoff.

Expert UX design guidance for user research, information architecture, user flows, wireframing, usability testing, and design system UX patterns. Use when planning user experiences, conducting user research, creating user journeys, optimizing conversion funnels, improving accessibility, or designing intuitive interfaces. Includes heuristic evaluation and cognitive load optimization.

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Expert data science guidance for analytics, data processing, visualization, statistical analysis, machine learning, and AI integration. Use when analyzing data, building ML models, creating visualizations, processing datasets, conducting A/B tests, optimizing metrics, or integrating AI features. Includes Python (pandas, scikit-learn), data pipelines, and model deployment.

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies