skills.rest
ronitnuguru
ronitnuguruCOMMUNITY
Explore all skills by this author →
GitHub

sf-diagram-nanobananapro

Generate Salesforce architecture diagrams and LWC mockups from natural language prompts.

6|Updated Dec 20, 2023
Search Tags:#architecture#gemini#mockups#nanobanana#erd#sf-diagram
One-click install
npx skills add https://github.com/ronitnuguru/Package-Visualizer --skill sf-diagram-nanobananapro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sf-diagram-nanobananapro
Source: https://github.com/ronitnuguru/Package-Visualizer/tree/main/.cursor/skills/sf-diagram-nanobananapro
Command: npx skills add https://github.com/ronitnuguru/Package-Visualizer --skill sf-diagram-nanobananapro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Creating consistent, architected Salesforce ERDs, LWC mockups, and integration diagrams from natural language prompts, saving time and ensuring standard visuals.

Core Features & Use Cases

  • Architected ERDs in architect.salesforce.com style for core and custom objects
  • LWC mockups aligned to Salesforce Lightning Design System (SLDS)
  • Parallel sub-agent capabilities for code review and documentation research
  • Iterative draft-to-final workflow with 1K drafts and 4K final renders

Quick Start

Run the prerequisites check and then request a diagram prompt, such as "Generate a Salesforce ERD for Account and Opportunity in architect style".

Frequently Asked Questions about sf-diagram-nanobananapro

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

FAQPage Schema
How do I generate Salesforce ERDs and architecture diagrams from natural language prompts?▼

You can generate Salesforce ERDs and architecture diagrams by orchestrating Gemini Nano Banana Pro prompts, producing architected visuals for core and custom objects directly from natural language inputs.

Can I create LWC mockups aligned to the Salesforce Lightning Design System using text prompts?▼

Yes, LWC mockups are generated aligned to Salesforce Lightning Design System (SLDS) standards, allowing developers and admins to produce consistent component layouts from natural language requests.

What is the draft-to-final workflow for creating Salesforce integration diagrams?▼

The workflow uses an iterative draft-to-final process, generating 1K draft renders that progress to 4K final outputs, ensuring consistent visual integration diagrams for Salesforce architectures.

Do I need to run a prerequisites check before generating Salesforce data model visuals?▼

Yes, the system enforces a prerequisites check before generating Salesforce ERDs and data model visuals, supporting optional directory-based assets and references loaded as directed.

What's the best way to produce architect-style Salesforce ERDs for custom objects?▼

The best way is using an AI-powered prompt orchestration that creates architect.salesforce.com style ERDs, ensuring standard visual representations for both core and custom objects.

Why use AI-generated mockups for Salesforce component layouts and integration flows?▼

AI-generated mockups save time and ensure standard visuals by creating consistent, architected Salesforce diagrams from natural language, replacing manual diagram creation for data models and integration flows.

Related Skills

Explore More Design & Creative Skills→
manxmanx

winui-patterns

Enforce WinUI 3 MVVM binding patterns with x:Bind and DI registration.

Community
Basic
padjeipadjei

external-diagram-visual-generate

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

Community
Advanced
cyoteecyotee

Comet Architecture

Explain Compound V3 Comet architecture with component roles and contract mappings.

Community
Basic
Tommy-ywTommy-yw
539

excalidraw

Create hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic