Activate this before touching anything in an existing UI bundle's src directory. It enforces project-specific conventions that general Claude knowledge gets wrong: shadcn/ui imports, Tailwind styling, dynamic base path routing from the `<base>` tag, and treating appLayout.tsx as the single source of truth for navigation. Without it, you'll generate broken imports and hardcoded paths that fail in Salesforce deployments. The design guidance is refreshingly opinionated, pushing you to commit to a bold aesthetic direction instead of defaulting to generic purple gradients and Inter font. It also includes a decision matrix for whether you're building a page, component, or header, which saves clarifying questions upfront.
npx skills add https://github.com/forcedotcom/sf-skills --skill building-ui-bundle-frontend