Prompt to style "Share as HTML" file

It would be cool to have a prompt in the Community Prompt library that would allow me to drop the html extract into a chat, and then have it formatted the same as when I do a web share of a chat from TypingMind.

My use case is that I would like to be able to send colleagues some chats as a file, but I am not comfortable putting them on a share link (e.g. if they include sensitive client information).

I had a try at creating a prompt, but it could be better. Or maybe there is an alternative and more deterministic way to do this?

My prompt

I have a raw HTML file from TypingMind that I want to style to look exactly like the shared TypingMind pages. Please create a complete HTML document with embedded CSS that achieves this look. The styling should include:

A light gray background for the page

A white container for the chat with subtle shadow

A light gray header with the title "TypingMind Chat"

Alternating user and assistant messages

Circular avatars for user (blue) and assistant (green)

Content indented and aligned with the name

'Inter' font from Google Fonts

Responsive design that works on mobile devices

Here's the raw HTML content to style:

[Paste your raw HTML here]

Please provide the complete HTML document, including the declaration, section with necessary meta tags and CSS, and the with the styled content. Ensure that the CSS is embedded in a

Please authenticate to join the conversation.

Upvoters
Status

Open

Board
πŸ’‘

Feature Request

Tags

Prompts

Date

Over 1 year ago

Subscribe to post

Get notified by email when there are changes.