c611126c2f
* Rename webapplication skills to ui-bundle
Rename all 7 webapplication skill directories and their content to use
the "ui-bundle" / "UIBundle" naming convention, aligning with the
New++ (TDX) naming strategy.
Directory renames:
- deploying-webapplication → deploying-ui-bundle
- generating-webapplication-{features,metadata,ui} → generating-ui-bundle-*
- implementing-webapplication-{agentforce-conversation-client,file-upload} → implementing-ui-bundle-*
- using-webapplication-salesforce-data → using-ui-bundle-salesforce-data
Content updates across all skills:
- Frontmatter name fields
- Prose: "web application" → "UI bundle"
- Metadata refs: WebApplication → UIBundle, webapplications/ → uiBundles/
- CLI: sf webapp → sf ui-bundle
- NPM packages per rename table
- Cross-skill references and generating-experience-react-site refs
* Rename generating-ui-bundle-ui skill to building-ui-bundle-frontend
The "ui-bundle-ui" name was confusing. "building-ui-bundle-frontend"
better conveys that this skill handles the React frontend layer
within a UI bundle.
---------
Co-authored-by: gbockus-sf <76090802+gbockus-sf@users.noreply.github.com>
|
||
|---|---|---|
| .github | ||
| rules | ||
| samples | ||
| scripts | ||
| skills | ||
| .gitignore | ||
| .nvmrc | ||
| .template-versions.json | ||
| CHANGELOG.md | ||
| CODE_OF_CONDUCT.md | ||
| CODEOWNERS | ||
| CONTRIBUTING.md | ||
| DOCS_ONLY.md | ||
| LICENSE.txt | ||
| manifest.json | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| sfdx-project.json | ||
Agentforce Vibes Library
AI skills and rules library for Agentforce Vibes development of Salesforce metadata.
📚 About
This repository curates Salesforce-focused skills and system rules from the wider developer community to accelerate Agentforce Vibes agentic workflows.
🗂️ Structure
afv-library/
├── rules/ # Single-file guardrails and standards
├── skills/ # Directory-based executable workflows
│ ├── generating-apex/
│ ├── generating-custom-object/
│ ├── generating-flow/
│ └── ...
├── samples/ # Synced sample apps (e.g. from npm)
│ └── webapp-template-app-react-sample-b2e-experimental/
│ └── ...
├── scripts/
│ └── ...
└── README.md
Manual Usage
Browse the repository and copy/paste any rule or skill directly into Agentforce Vibes or your preferred AI tool.
Samples
The samples/ folder contains synced sample apps. For example, samples/webapp-template-app-react-sample-b2e-experimental/ is kept in sync with the npm package @salesforce/webapp-template-app-react-sample-b2e-experimental (nightly and on manual trigger via GitHub Actions). To run the same sync locally from the repo root:
npm install
npm run sync-react-b2e-sample
The GitHub Action runs these same commands and opens a PR only when the npm package version has changed. See samples/README.md for details.
🛠️ Agent Skills
Agent Skills extend rules by bundling executable workflows, scripts, and reference materials into self-contained directories. Skills follow the open Agent Skills specification and are portable across many agent tools (Cursor, Claude Code, VS Code extensions, etc.).
Directory Structure
Each skill is a folder containing:
SKILL.md(required) - instructions + YAML frontmatterscripts/(optional) - executable Python/Bash/JSreferences/(optional) - additional documentationassets/(optional) - templates, schemas, lookup data
🤝 Contributing
See Contributing for complete details.
Feedback
Found an issue or have a suggestion?
- Open an issue in GitHub
- Suggest improvements via pull request
- Start a discussion in GitHub Discussions or the pull request thread