Agent Plugins Marketplace
← All plugins

lwc-to-agentforce-chat

v0.5.1

Turn a retail Figma design into a deployable Agentforce in-chat LWC, with a mandatory HTML review and complete Salesforce metadata wiring. Bundles the guided skill, a read-only Figma extractor agent, a deploy guard hook, and the official Figma MCP endpoint.

Claude Code1 Skill1 MCP serverStreamable HTTP

By Shing Diorio0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 30, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install lwc-to-agentforce-chat for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install lwc-to-agentforce-chat@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/shingzhang/lwc-to-agentforce-chat

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

lwc-to-agentforce-chat/
├── .claude-plugin/plugin.json
├── skills/lwc-to-agentforce-chat/SKILL.md
└── .mcp.json

Included Skills1

lwc-to-agentforce-chatskills/lwc-to-agentforce-chat/SKILL.md

Turn a retail Figma design into a Lightning Web Component that renders inside an Agentforce chat response. Extracts brand tokens, requires a browser-reviewable HTML preview, then creates the complete Salesforce metadata wiring: Apex DTO, Lightning Type, LWC renderer, Invocable Apex, GenAI Function, Agent Script authoring bundle, and permission set. TRIGGER when: a Salesforce front-end developer has a Figma URL, Figma export, or PNG/JPG retail mockup and wants it rendered in an Agentforce chat bubble. DO NOT TRIGGER when: the destination is a Lightning page rather than Agentforce chat; the user only wants an audit; or there is no Figma/image source.

MCP servers1

figmaStreamable HTTP
url
https://mcp.figma.com/mcp

Plugin manifests1

.claude-plugin/plugin.json
{
  "name": "lwc-to-agentforce-chat",
  "description": "Turn a retail Figma design into a deployable Agentforce in-chat LWC, with a mandatory HTML review and complete Salesforce metadata wiring. Bundles the guided skill, a read-only Figma extractor agent, a deploy guard hook, and the official Figma MCP endpoint.",
  "version": "0.5.1",
  "author": {
    "name": "Shing Diorio",
    "email": "[email protected]"
  },
  "keywords": [
    "salesforce",
    "lwc",
    "agentforce",
    "in-chat-card",
    "figma",
    "lightning-web-components",
    "experience-cloud",
    "front-end"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[lwc-to-agentforce-chat on Agent Plugins Marketplace](https://pluginsmp.com/plugins/lwc-to-agentforce-chat)