skills.rest
angryracoon
angryracoonCOMMUNITY
Explore all skills by this author →
GitHub

external-diagram-visual-generate

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

Updated Jun 17, 2026
Search Tags:#image generation#salesforce#gemini cli#nano banana#architecture visuals#erd diagrams#lwc mockups
One-click install
npx skills add https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG --skill external-diagram-visual-generate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: external-diagram-visual-generate
Source: https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG/tree/main/.agents/skills/external-diagram-visual-generate
Command: npx skills add https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG --skill external-diagram-visual-generate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, pillow, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill turns Salesforce concepts into polished rendered visuals, removing the need to hand-build diagrams, mockups, or architecture graphics for every stakeholder conversation.

Core Features & Use Cases

  • Rendered ERDs: Create visual entity relationship diagrams with Salesforce-friendly styling for core CRM or custom object models.
  • UI Mockups: Produce Lightning Web Component, record form, datatable, and dashboard-card mockups aligned to SLDS.
  • Architecture Visuals and Iteration: Generate integration flow images, refine drafts, and move from quick review images to production-quality assets.
  • Use Case: A Salesforce architect can describe Account, Contact, Opportunity, and an ERP sync flow, then get a presentation-ready visual for documentation or review.

Quick Start

Ask the skill to create a rendered ERD, UI mockup, or architecture image from your Salesforce requirements.

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 Salesforce architecture visuals and ERD diagrams from text prompts?▼

This Skill creates Salesforce architecture visuals and ERD diagrams directly from structured prompts, rendering visual entity relationship diagrams, integration flows, and presentation graphics instead of hand-building text-only diagrams.

Can I create Lightning Web Component mockups aligned to SLDS?▼

Yes, you can create Lightning Web Component mockups aligned to SLDS. The Skill produces UI mockups for record forms, datatables, and dashboard cards directly from described Salesforce component requirements.

Do I need the Gemini CLI to generate rendered UI mockups and ERDs?▼

Yes, generating rendered UI mockups and ERDs requires prerequisite validation and the Gemini CLI or API for image generation, alongside Nano Banana Pro integration for resolution control and iterative drafts.

What is the best way to refine draft Salesforce diagrams into presentation-ready assets?▼

The best way to refine draft Salesforce diagrams is through the Skill's iterative draft-to-final workflow, using references and assets to guide output from quick review images to production-quality architecture visuals.

What types of Salesforce documentation assets can I produce with an image generation tool?▼

With this image generation tool, you can produce rendered ERDs, Lightning Web Component mockups, and architecture illustrations for documentation, reviews, and presentations, replacing manually built diagrams for stakeholder conversations.

Are there limitations when generating Salesforce architecture illustrations with image generation models?▼

Limitations when generating Salesforce architecture illustrations include requiring structured prompts, depending on external libraries like google-genai and pillow, and needing prerequisite validation before producing output.

Related Skills

Explore More Design & Creative Skills→
eaglhuangeaglhuang
3

nano-banana-gen

Generate images from prompts via Gemini Nano Banana models and save local artifacts.

Community
Intermediate
forcedotcomforcedotcom
803

generating-visual-diagrams

Generate rendered ERDs, UI mockups, and architecture diagrams for Salesforce.

Official
Intermediate
padjeipadjei

platform-docs-get

Retrieve official Salesforce documentation for Apex, APIs, LWC, and metadata.

Community
Advanced
padjeipadjei

external-diagram-visual-generate

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

Community
Advanced