Skip to content

feat(web-artifacts-builder): update to React 19 + Tailwind v4 + Node 20#320

Open
codewithkenzo wants to merge 1 commit intoanthropics:mainfrom
codewithkenzo:kenzo/update-web-artifacts-2026
Open

feat(web-artifacts-builder): update to React 19 + Tailwind v4 + Node 20#320
codewithkenzo wants to merge 1 commit intoanthropics:mainfrom
codewithkenzo:kenzo/update-web-artifacts-2026

Conversation

@codewithkenzo
Copy link

Summary

Updates the web-artifacts-builder skill to use 2026 standards:

  • React 18 → React 19.2: Adds documentation for new patterns (ref as prop, use() hook, useActionState, useOptimistic)
  • Tailwind CSS 3.4.1 → v4: Migrates to CSS-first configuration using @theme directive, removes tailwind.config.js
  • Node 18 → Node 20+: Updates minimum requirement to match upstream ecosystem

Changes

SKILL.md

  • Updated stack description to React 19 + Tailwind v4
  • Added React 19 patterns documentation
  • Added reference links to official docs

scripts/init-artifact.sh

  • Bumped minimum Node version to 20
  • Replaced tailwind.config.js with CSS-first @theme configuration
  • Added @tailwindcss/vite plugin to Vite config
  • Updated dependency installation for latest versions
  • Removed tailwindcss-animate plugin (native in v4)
  • Updated output messages to reflect new features

Testing

  • Script creates working React 19 + Tailwind v4 project
  • All shadcn/ui components render correctly
  • Bundle script produces valid HTML artifact

Related

Addresses ecosystem updates:

- Update stack from React 18 to React 19.2
- Migrate from Tailwind CSS 3.4.1 to v4 with CSS-first @theme config
- Remove tailwind.config.js in favor of CSS-first configuration
- Require Node 20+ (Node 18 no longer supported upstream)
- Add React 19 patterns documentation (ref as prop, use(), useActionState)
- Update Vite config to use @tailwindcss/vite plugin
- Add reference links to official docs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant