forcedotcom avatar

Generating Ui Bundle Metadata

This one autoactivates when you're working with Salesforce UI bundles, specifically when scaffolding new apps, editing ui-bundle.json configs, or setting up CSP trusted sites. It enforces some opinionated constraints, like using sf template generate instead of create-react-app, strict alphanumeric naming, and validating your routing and header configs against Salesforce's rules. The CSP trusted site registration guidance is honestly the most useful part here, since it walks through the exact directives you need for images, fonts, and API calls. If you're building custom UI bundles for Salesforce and keep running into blocked external resources or config validation errors, this covers the specifics you'd otherwise hunt down in docs.

skills.sh installs
1.5K
GitHub stars
705
last updated
Jul 14, 2026

Install

$ npx -y skills add forcedotcom/afv-library --skill generating-ui-bundle-metadata --agent claude-code

Installs into .claude/skills of the current project.

Files

This one autoactivates when you're working with Salesforce UI bundles, specifically when scaffolding new apps, editing ui-bundle.json configs, or setting up CSP trusted sites. It enforces some opinionated constraints, like using sf template generate instead of create-react-app, strict alphanumeric naming, and validating your routing and header configs against Salesforce's rules. The CSP trusted site registration guidance is honestly the most useful part here, since it walks through the exact directives you need for images, fonts, and API calls. If you're building custom UI bundles for Salesforce and keep running into blocked external resources or config validation errors, this covers the specifics you'd otherwise hunt down in docs.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/forcedotcom/afv-library
Category
Frontend Development
First seen
May 16, 2026

More from forcedotcom/afv-library

All 58
1forcedotcom avatargenerating-ui-bundle-siteforcedotcom/afv-librarygenerating ui bundle site1.5Kskills.sh installs
2alfredoperez avatarangular-best-practicesalfredoperez/angular-best-practicesangular best practices1.5Kskills.sh installs
3auth0 avatarauth0-reactauth0/agent-skillsUse when adding Auth0 login, logout, protected routes, or user sessions to a React SPA. Integrates @auth0/auth0-react — use even if the user says "add login to 1.5Kskills.sh installs
4am-will avatarfrontend-designam-will/codex-skillsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat1.4Kskills.sh installs
5kv0906 avatarpremium-frontend-designkv0906/cc-skillsCreate award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes i1.4Kskills.sh installs
6aradotso avatarvinext-vite-nextjsaradotso/trending-skillsvinext vite nextjs1.3Kskills.sh installs