backnotprop

Here is what you need to know about Tailwind CSS v4 (May 2025)

I. Core Architecture & Performance

1. New Engine - Performance First:
   • V4 ships with a completely rewritten engine. Expect drastically reduced build times – typically sub-10ms for most projects, even large ones often under 100ms. This is achieved by more efficiently parsing sources and generating CSS on-demand.
2. CSS-First Configuration via @theme:
   • The primary configuration mechanism shifts from tailwind.config.js (for theme values) to your main CSS file using the @theme directive.

/* app.css */

backnotprop

(obfuscated business details)

_project_context/
├── CLAUDE.md
├── backlogged_items.md
├── general_project_brief.md
├── workflow_module_test_plan.md
├── workflow_module_test_checklist.md

backnotprop

Now that you coded this can you review the client lib in context of the changes, as well as ./scripts/test--e2e.sh and ensure we have all ends covered, from all angles

backnotprop

please continue you should continue marking off progress but we should run pnpm validate then do a thorough review of the new implemented types as well as compliance client in conjunction with reviewing the api Basicially do a codewalktrace of how the client lib works and ensure a valid mapping to the api exists

backnotprop

Write all this into the plan now. Exclude time/week info. Also, create some user stories based on our UX goal: [Pasted text #1 +23 lines] (these will help make sure development is oriented in the right direction)

backnotprop

Great now lets creat the phase progress tracker phase_12_progress think about the work to be done in this phase and a pragmaticatomicintuitive implementation approach that will happen in a sequential manner Create the progress broken up into parts derived from the plan User markdown checkboxes for each thing worth tracking individually under a part subnesting lists is also ok for certain tasks whatever you think is best Ultrathink this progress tracker will guide the entire phase so its critical to get right to ensure the dev team sees this through as it was planned and envioned and continues to help us deliver a highquality software product

backnotprop

create a phase_12_completed doc and commit that

backnotprop

look into our docker setup this runs perfectly for most devs other than one she is getting postgres was denied access to the db table she is running orbstack and it still happens even after we prune her whole system which our command does scriptstestsetupsh fullfreshstartwithjobs

backnotprop

update the test tracker first then we will need to commit and get all the work checked in it will be a good recap of the work for you to create commits for after that you can create the doc Make sure good developer notes provide things like hintslessons what we left hanging around etc Any new developer should be able use the doc as a rapid way to onboard and gain the context you have But first update the test doc review the code get things committed

backnotprop

When we instruct you we use CLAUDEmd DEVELOPMENTmd READMEmd _project_contextCLAUDEmd 4 docs to provide you instructions on how to access the locally cloned docsites for the libraries Again its critical for you to have uptodate context always before you code just given how the libs have evovled in recent time and how that might differ from your base knowledge But know that you can search we basically have new abilities that can enable you Not only for documentation searching but for debugging when you run into issue figuring out industry references for potentially complex scenarios finding reference code etc Really powerful tool We wont remove the local docsites and will occasionally want you to still reference them for quick access but we want you to use this new web search tool just as if not more frequently and for the previous reasons Thus update the 4 docs I listed to provide updated instruction on your web search tool and whenhowwhy to use it