skills.rest
padjei
padjeiCOMMUNITY
Explore all skills by this author →
GitHub

external-diagram-visual-generate

Generate ERDs, UI mockups, and architecture visuals for Salesforce workflows.

Updated Jul 2, 2026
Search Tags:#AI image generation#architecture visualization#Salesforce#UI mockup#visual ERD
One-click install
npx skills add https://github.com/padjei/SF_Agents --skill external-diagram-visual-generate-padjei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: external-diagram-visual-generate
Source: https://github.com/padjei/SF_Agents/tree/main/.claude/skills/external-diagram-visual-generate
Command: npx skills add https://github.com/padjei/SF_Agents --skill external-diagram-visual-generate-padjei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/gemini-cli, nanobanana, timg, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for visually representing Salesforce development workflows, including ERDs, UI mockups, and architecture visuals, using AI-powered image generation.

Core Features & Use Cases

  • Visual ERD Generation: Automatically generate visual ERDs (Entity Relationship Diagrams) from Salesforce metadata.
  • UI Mockups: Create mockups for Lightning Web Components (LWC) and Salesforce UI elements.
  • Architecture Visualization: Generate architecture visuals for Salesforce integrations and system designs.
  • Use Case: When designing a new Salesforce application, use this Skill to create a visual representation of the database schema, UI components, or integration flow.

Quick Start

Use the external-diagram-visual-generate skill to generate a visual ERD for the Account object.

Frequently Asked Questions about external-diagram-visual-generate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate visual ERDs for Salesforce metadata automatically?▼

Generate visual ERDs for Salesforce metadata automatically by configuring Gemini CLI, Nano Banana Pro, and timg. This Skill produces visual representations of database schemas using AI-powered image generation for your documentation.

Can I create UI mockups for Lightning Web Components using AI image generation?▼

Yes, you can create UI mockups for Lightning Web Components and Salesforce UI elements using AI image generation. It leverages Gemini 3 Pro Image to produce mockups suitable for the design and review processes.

What's the best way to visualize Salesforce architecture and integration flows?▼

The best way to visualize Salesforce architecture and integration flows is using this Skill to generate architecture visuals via AI-powered image generation. It outputs visual representations of system designs suitable for documentation and reviews.

Do I need Gemini CLI and timg configured to generate Salesforce architecture visuals?▼

Yes, you need Gemini CLI, Nano Banana Pro, and timg configured to generate Salesforce architecture visuals. These dependencies provide the AI image generation and rendering capabilities required to process metadata into visual outputs.

Are there limitations when using AI image generation for Salesforce documentation?▼

Limitations when using AI image generation for Salesforce documentation include the requirement to configure external dependencies like Gemini CLI and timg. The generated visuals are suitable for design and review processes rather than exact schema execution.

Related Skills

Explore More Software Engineering Skills→
CollabalistCollabalist

generating-visual-diagrams

Generate Salesforce ERDs, UI mockups, and architecture diagrams via Gemini 3 Pro Image API.

Community
Advanced
angryracoonangryracoon

external-diagram-visual-generate

Generate rendered Salesforce ERDs, LWC mockups, and architecture visuals from structured prompts.

Community
Advanced
CollabalistCollabalist

generating-flexipage

Generate Salesforce Lightning FlexiPage metadata XML using Salesforce CLI.

Community
Intermediate
AvinavaAvinava
1

sf-knowledge-object-reference

Organizes Salesforce Object Reference knowledge into searchable topic pages for developers.

Community
Intermediate