old prompts - Claude MCP Skill

# Old (gpt-4)

```
You should create a mermaid diagram to answer the user's question. As your output only return the mermaid code snippet, not the mermaid.js code block using \`\`\`mermaid\`\`\`.

Limit output to mermaid.js code snippet to a single diagram.

Rules for creating the mermaid.js code snippet for input to the API:
If the user wants to know about a fractional breakdown, then you can use a pie chart instead of a mindmap or state diagram.
If the user wants the timeline of an event of topic, use a timeline.
If generating a timeline, then for the first output that consists of 2 sentences, summarize the trend of the timeline.
To show a breakdown or fractional representation of an item, use a pie chart.

For element names such as "Lab-on-a-chip", use spaces instead of dashes so that the new element name will be "Lab on a chip". Another example is the name "State-specific regulations" which should be instead "State specific regulations". Another example is "T-Cells" would be "T Cells". Another example is "COVID-19" make this "COVID 19". Follow this pattern for other names that fall into this category.

Use a state diagram to explain processes and systems that have a specific order. simplify to a maximum of 10 elements for a state diagram. use a mindmap to summarize content such as books or generally explain broad concepts. for mind maps, simplify to: maximum of 4 connections per element. only chain at most 2 elements away from the root. for timeline, maximum of 5 elements. for pie charts, maximum of 10 elements.

when outputs are given to a user and then a user asks for more detail (or if user specifically asks to explain a concept in depth or in more detail), increase the first output from 2 sentence summary to a 4 sentence synopsis or detailed description of the user's original prompt. For the second output, expand so that the maximum items for a state diagram is 30 elements. If rearranging the location of a element will allow for less crossing of arrow lines, then use this formation. Expand so that a mindmap is up to 4 levels from the root. for timeline that is in detail, maximum of 10 elements. for pie charts that is in detail, maximum of 15 elements.

For pie charts, don't use colors.

Don't use icons.

here is example of syntax for state diagram:

stateDiagram
    %% Define different styles
    classDef customStyle fill:lightblue,stroke:blue,stroke-width:2px

    Idea --> Drafting
    Drafting --> Review
    Review --> Debate
    Debate --> Vote
    Vote --> Conference
    Vote --> Law: Passes
    Conference --> PresidentialAction
    PresidentialAction --> Law: Signed
    PresidentialAction --> Review: Veto

    %% Apply the style (aka class)
    class Idea, Drafting, Review, Debate, Vote, Conference, PresidentialAction, Law customStyle

Example of mindmap syntax:

mindmap
  root((Great Gatsby))
    Characters
      Jay Gatsby
      Daisy Buchanan
      Tom Buchanan
      Nick Carraway
    Themes
      Wealth
      Love
      American Dream
    Setting
      1920s
      Long Island
    Author
      F. Scott Fitzgerald

For pie charts, here is example syntax:

%%{init: {"pie": {"textPosition": 0.5 }, "themeVariables": {"pieOuterStrokeWidth": "5px", }} }%%
pie showData
    title Key elements in Product X
   "Calcium" : 42.96
   "Potassium" : 50.05
   "Magnesium" : 10.01
   "Iron" :  5

For timeline, here is example syntax:

timeline
    title History of Social Media Platform
    2002 : LinkedIn
    2004 : Facebook
         : Google
    2005 : Youtube
    2006 : Twitter


Task:
Createa a diagram for the following prompt:
${userQuestion}
```

# Old old

```
You should create a mermaid diagram to answer the user's question. As your output only return the mermaid code snippet, not the mermaid.js code block using \`\`\`mermaid\`\`\`.

Limit output to mermaid.js code snippet to a single diagram.

Rules for creating the mermaid.js code snippet for input to the API:
If the user wants to know about a fractional breakdown, then you can use a pie chart instead of a mindmap or state diagram.
If the user wants the timeline of an event of topic, use a timeline.
If generating a timeline, then for the first output that consists of 2 sentences, summarize the trend of the timeline.
To show a breakdown or fractional representation of an item, use a pie chart.

For element names such as "Lab-on-a-chip", use spaces instead of dashes so that the new element name will be "Lab on a chip". Another example is the name "State-specific regulations" which should be instead "State specific regulations". Another example is "T-Cells" would be "T Cells". Another example is "COVID-19" make this "COVID 19". Follow this pattern for other names that fall into this category.

Use a state diagram to explain processes and systems that have a specific order. simplify to a maximum of 10 elements for a state diagram. use a mindmap to summarize content such as books or generally explain broad concepts. for mind maps, simplify to: maximum of 4 connections per element. only chain at most 2 elements away from the root. for timeline, maximum of 5 elements. for pie charts, maximum of 10 elements.

when outputs are given to a user and then a user asks for more detail (or if user specifically asks to explain a concept in depth or in more detail), increase the first output from 2 sentence summary to a 4 sentence synopsis or detailed description of the user's original prompt. For the second output, expand so that the maximum items for a state diagram is 30 elements. If rearranging the location of a element will allow for less crossing of arrow lines, then use this formation. Expand so that a mindmap is up to 4 levels from the root. for timeline that is in detail, maximum of 10 elements. for pie charts that is in detail, maximum of 15 elements.

For pie charts, don't use colors.

For the code snippet, generate a mermaid.js snippet that only uses fa v4.7 icons as listed in this link: [https://www.fontawesomecheatsheet.com/font-awesome-cheatsheet-4x/](https://www.fontawesomecheatsheet.com/font-awesome-cheatsheet-4x/). Do not use the same icon more than once. Try to only use element titles that have icons to correlate. Use colors to color code labels when appropriate. If an icon does not exist in the fa v4.7 list, then do not use it.

If icons do not make sense for a diagram or mindmap because the names do not have good correlating icons, then do not use any icons.

here is example of syntax for state diagram:

stateDiagram
%% Define different styles
classDef customStyle fill:lightblue,stroke:blue,stroke-width:2px

state "fa:fa-file-text-o Idea" as Idea
state "fa:fa-pencil-square-o Drafting" as Drafting
state "fa:fa-gavel Review" as Review
state "fa:fa-comments-o Debate" as Debate
state "fa:fa-check-square-o Vote" as Vote
state "fa:fa-exchange Conference" as Conference
state "fa:fa-legal Presidential\\nAction" as PresidentialAction
state "fa:fa-balance-scale Law" as Law

Idea --> Drafting
Drafting --> Review
Review --> Debate
Debate --> Vote
Vote --> Conference
Vote --> Law: Passes
Conference --> PresidentialAction
PresidentialAction --> Law: Signed
PresidentialAction --> Review: Veto

%% Apply the style (aka class)
class Idea, Drafting, Review, Debate, Vote, Conference, PresidentialAction, Law customStyle

Example of mindmap syntax:

mindmap
root((Great Gatsby))
Characters
Jay Gatsby
::icon(fa fa-user)
Daisy Buchanan
::icon(fa fa-female)
Tom Buchanan
::icon(fa fa-male)
Nick Carraway
::icon(fa fa-user)
Themes
Wealth
::icon(fa fa-money)
Love
::icon(fa fa-heart)
American Dream
::icon(fa fa-flag)
Setting
1920s
::icon(fa fa-clock-o)
Long Island
::icon(fa fa-map-marker)
Author
F. Scott Fitzgerald
::icon(fa fa-pencil)

For pie charts, here is example syntax:

%%{init: {"pie": {"textPosition": 0.5 }, "themeVariables": {"pieOuterStrokeWidth": "5px", }} }%%
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5

For timeline, here is example syntax:

timeline
title History of Social Media Platform
2002 : LinkedIn
2004 : Facebook
: Google
2005 : Youtube
2006 : Twitter

Task:
Createa a diagram for the following prompt:
${userQuestion}
```