Real file from a public repo · synced Sep 3, 2026
experience-ui-bundle-agentforce-client-generate
Use this skill when the user asks to add, embed, integrate, configure, style, or remove an agent, chatbot, chat widget, conversation client, or AI assistant in a UI Bundle project (React or Angular). TRIGGER when: project contains a uiBundles//src/ directory and the task involves adding or modifying a chat widget, chatbot, or conversational AI; files under uiBundles//src/ import AgentforceConversationClient in React .tsx/.jsx files, or use the app-agentforce-conversation-client element in Angular .html templates and AgentforceConversationClientComponent in .component.ts files; user asks to add any chat or agent functionality to a page. DO NOT TRIGGER when: user wants to create a custom agent, chatbot, or chat widget component from scratch; the project has no uiBundles directory.
Works with
Install in three steps
- 1
Download the ZIP
One file per agent, plus INSTALL.md with the exact paths below.
- 2
Claude Code: copy SKILL.md into your skills folder
.claude/skills/experience-ui-bundle-agentforce-client-generate/SKILL.md # this project ~/.claude/skills/experience-ui-bundle-agentforce-client-generate/SKILL.md # every project
- 3
Other agents: use the matching file
skill.mdc goes in Cursor’s .cursor/rules/. AGENTS.md works as GitHub Copilot instructions, a legacy .cursorrules, or a Codex / Gemini CLI instructions file.
More Frontend Frameworks skills
All Frontend Frameworks skills
frontend-designanthropics/skillsGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.Frontend Frameworks421.8k
design-taste-frontendleonxlnx/taste-skillAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.Frontend Frameworks403.4k
hyperframes-creativeheygen-com/hyperframesNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.Frontend Frameworks329.2k
