Search Results
6/9/2025, 3:07:27 PM
>>42258059
no of course not! it is a mockup
you can install this extension tho:
github.com/horse-armor/st-clickable-inputs
which makes buttons in generated HTML clickable but afaik in case above the model will receive only the message "download" which is pretty much a non-task. but if you do something like this instead
>ooc: write content of PDF file from above HTML element, blah-blah
then it may work
below my HTML prompt if someone wants. and picrel are examples
[ TASK: generate narrative with 50% prose / 50% INLINE HTML+CSS. REQUIREMENTS:
1. INTERACTIVE PRIMACY: every HTML element must be {{random::USER-ACTIONABLE (clickable/tappable)::ACTIONABLE::INPUT-INTERACTIVE}} or {{random::VISUALLY DYNAMIC::IMPRESSIVE}}. ban static info-boxes
2. STORY INTEGRATION: elements must advance plot/character development. NO LOREDUMPS. must innovate beyond! examples:
- character reads message? show PHONE UI with typing indicators
- battle scene? LIVE DAMAGE METERS with CSS transitions
- magic spell? ANIMATED pulsed RUNE SVG
3. DESIGN CONSTRAINTS:
- ONLY inline styles (no <style> blocks)
- if LIGHT BG (#eee+) -> use DARK TEXT (#222+)
- if DARK BG (#333+) -> use LIGHT TEXT (#ccc+)
- no sideloading images or placeholders
- <br> for line breaks inside elements
- surprise with originality! never copycat HTML designs
4. FORMATTING RULES:
- one HTML block after every three prose paragraphs
- total HTML size < 20% of total response
- NEVER wrap entire response in <div>
- minified HTML with ZERO leading WHITESPACES
- use modern CSS people use in 2026
5. ALLOWED: hover functionality, animations, transitions, emoji as icons, {{random::SVG:: :: }}, gradients, blends
6. PROHIBITED: animation pulse, onhover events, onclick events, scrollbars, static fact boxes, plain lists, blockquotes, code fences (```), {{random::border-radius 50% with emoji or icon inside:: :: :: }}, script functionality
7. HTML must be one of those: {{random::broadcast, diagrams, comments, modal, feedback, testimonials, DM quip, idea boards, flowchar}}, {{random::phoneposting, event, announcement, character sheets, DnD rolls, recipes, comparisons, search results, galleries}}, {{random::alert, playlists, tags, guide, reaction emojis, webinars, timelines, infographic, diary}}, {{random::poll, heat maps, inputs, SVG, mind map, checklist, newsletters, review, podcast, button}}, {{random::FAQ, fields, profiles, memes, calendar, ASCII, contact, opinion polls, animation, CYOA}}, {{random::blog post, interview, streaming widgets, progress bars, social feeds, videos, status, IRC chat, graphs, tooltips}}, {{random::tables,journals, textarea, audit trail, annotation, achievement, avatar, stream, maps, dropdown}}, {{random::feed, book excerpt, surveys, wikis, banner, cards, simulation, guidelines}}, {{random::quote, news, article, social media posts, quiz, call to actions, 4chan greentext, brainstorming}}, {{random::color picker, select, help, forum post, rating, stats, badge, flashback, accordion}} ]
no of course not! it is a mockup
you can install this extension tho:
github.com/horse-armor/st-clickable-inputs
which makes buttons in generated HTML clickable but afaik in case above the model will receive only the message "download" which is pretty much a non-task. but if you do something like this instead
>ooc: write content of PDF file from above HTML element, blah-blah
then it may work
below my HTML prompt if someone wants. and picrel are examples
[ TASK: generate narrative with 50% prose / 50% INLINE HTML+CSS. REQUIREMENTS:
1. INTERACTIVE PRIMACY: every HTML element must be {{random::USER-ACTIONABLE (clickable/tappable)::ACTIONABLE::INPUT-INTERACTIVE}} or {{random::VISUALLY DYNAMIC::IMPRESSIVE}}. ban static info-boxes
2. STORY INTEGRATION: elements must advance plot/character development. NO LOREDUMPS. must innovate beyond! examples:
- character reads message? show PHONE UI with typing indicators
- battle scene? LIVE DAMAGE METERS with CSS transitions
- magic spell? ANIMATED pulsed RUNE SVG
3. DESIGN CONSTRAINTS:
- ONLY inline styles (no <style> blocks)
- if LIGHT BG (#eee+) -> use DARK TEXT (#222+)
- if DARK BG (#333+) -> use LIGHT TEXT (#ccc+)
- no sideloading images or placeholders
- <br> for line breaks inside elements
- surprise with originality! never copycat HTML designs
4. FORMATTING RULES:
- one HTML block after every three prose paragraphs
- total HTML size < 20% of total response
- NEVER wrap entire response in <div>
- minified HTML with ZERO leading WHITESPACES
- use modern CSS people use in 2026
5. ALLOWED: hover functionality, animations, transitions, emoji as icons, {{random::SVG:: :: }}, gradients, blends
6. PROHIBITED: animation pulse, onhover events, onclick events, scrollbars, static fact boxes, plain lists, blockquotes, code fences (```), {{random::border-radius 50% with emoji or icon inside:: :: :: }}, script functionality
7. HTML must be one of those: {{random::broadcast, diagrams, comments, modal, feedback, testimonials, DM quip, idea boards, flowchar}}, {{random::phoneposting, event, announcement, character sheets, DnD rolls, recipes, comparisons, search results, galleries}}, {{random::alert, playlists, tags, guide, reaction emojis, webinars, timelines, infographic, diary}}, {{random::poll, heat maps, inputs, SVG, mind map, checklist, newsletters, review, podcast, button}}, {{random::FAQ, fields, profiles, memes, calendar, ASCII, contact, opinion polls, animation, CYOA}}, {{random::blog post, interview, streaming widgets, progress bars, social feeds, videos, status, IRC chat, graphs, tooltips}}, {{random::tables,journals, textarea, audit trail, annotation, achievement, avatar, stream, maps, dropdown}}, {{random::feed, book excerpt, surveys, wikis, banner, cards, simulation, guidelines}}, {{random::quote, news, article, social media posts, quiz, call to actions, 4chan greentext, brainstorming}}, {{random::color picker, select, help, forum post, rating, stats, badge, flashback, accordion}} ]
Page 1