Gist 897f4d908b88b38b8e6507100ec3cd3f

rohit @krishnanrohit · Feb 6 The system prompt for ChatGPT is absurd! h/t @dylan522p , and I independently verified across a couple devices.

This example visualizes a text-based system prompt as a circular, node-link diagram using D3’s force simulation. It shows the hierarchical structure of tools, namespaces, and policies embedded in the prompt, with each text block rendered as a labeled circle. The code uses `d3.forceSimulation` for layout and SVG elements for rendering, drawing from the raw `Chatgptsystem.txt` file to map the prompt’s nested sections into a network of interconnected nodes.

68% match

Gist 01500f8ab6e9b7d98dd0aeea50347b9f

This example shows how a classroom activity integrates generative AI tools to design community micro-campaigns. It demonstrates a structured session where learners use ChatGPT, Adobe Firefly, and Adobe Express for ideation, visual production, and operational strategy. The visualization relies on text-based prompts and workflow steps rather than code libraries. It displays the pedagogical flow, including phases for guided activity, critical reflection, and optional mini-challenges, without using data-driven rendering or computational graphics.

67% match

Cultura Digital y Ciudadanía en la Promoción Social

This visualization, embedded in a classroom activity, presents the core concepts of digital culture and citizenship for social promoters. It outlines an ethical framework covering digital identity, security, legal norms, and ethics, supported by a guided simulation for diagnosing risky cases. The design uses text and emoji for visual structure. The code relies on plain-text markdown files and a chat-bot interface simulated through simple prompts. The example quotes a specific ChatGPT prompt to generate a code of ethics, showing how the material integrates external AI tools for student engagement.

66% match

Gist 06eb3b9bfe1484e90694e80ffb8694de

This example demonstrates how an educational activity on digital culture and ethics in customs processing can be structured as a visual guide. It shows a poster and brochure template that outlines responsible use of technology, identity security, and legal frameworks like the SAT and Ley Aduanera. The content uses a combination of text sections, bullet points, and embedded reference images to organize the material, including sections on phishing risks and ethical AI use. The rendering relies on static markdown with external image URLs rather than interactive data visualization, presenting the curriculum as a printable handout for classroom use.

66% match

Claude

This interactive explainer demonstrates three distinct AI prompting strategies—prompt crafting, financial stock analysis, and research-driven coding—within a single glassmorphism-styled interface. Users trigger scenarios through buttons to compare system-prompt variations and observe real-time behavioral outputs. The visualization combines custom CSS gradient overlays with frosted-glass panel effects, while JavaScript handles scenario switching and dynamic feedback logs. Code snippets are rendered as formatted markdown blocks, showing users practical prompt structures they can adapt for their own AI workflows.

JJastor11

📌 Práctica Integrada: “Conversando y creando con los pioneros del Software Libre”

This example shows an educational activity for high-school students, “Conversando y creando con los pioneros del Software Libre,” presented as a markdown document with instructions, a rubric, and linked Character.ai bots for Richard Stallman and Linus Torvalds. It demonstrates how to structure a guided dialogue-and-design task, where students transcribe chatbot conversations and then build a biographical triptych in Adobe Express. The document uses markdown headings, tables, and embedded hyperlinks to organize the pedagogical workflow, with no visual encoding or data-processing libraries involved.

Actividad: Recolección de cuestionamientos complejos al libro usando ChatGPT – Study Mode

This example demonstrates how to guide students in using ChatGPT Study Mode to generate complex, analytical prompts about an assigned book. It shows a structured assignment workflow where students activate Study Mode, load the text, and craft prompts that compare concepts, evaluate design decisions, or apply ideas to real-world scenarios. The activity relies on the ChatGPT interface, YouTube tutorial linking to Study Mode features, and a gist-hosted markdown file containing the instructions. Each student interaction records the prompt, the generated response, and a reflective critique, with no additional programming libraries involved.

CyberSeguridad

This example shows an educational campaign for digital security and ethical AI use, presenting a structured activity where students create posters or carousels in Adobe Express. The visualization displays step-by-step instructions, a rubric for evaluation, and creative tips, with the content drawn from a markdown file by IoTeacher. The design uses simple typography and layout to organize the information, making the classroom workflow and assessment criteria easy to follow.