Use this skill when you need to write any frontend components. It explains project's UI best practices
w-full try flex-1 instead.useEffect only if syncing with external storage or with DOM event. Otherwise, just derive values from others.onValueCommit={(name) => not onValueCommit={(name: string) =>cn() when conditionally applying Tailwind classes that may conflict (e.g. border colors).