Fragments

Research best practices from modern research and ancient wisdom.

Comprehensively and engagingly summarize and fact-check, writing in Malcolm Gladwell's style (ELI15), the book:

Comprehensively and engagingly summarize, compare and fact-check, writing in Malcolm Gladwell's style (ELI15), the books:

Generate 5+ diverse candidate ideas. Score each on impact, ease, novelty. Recommend the best 1-2.
For brainstorming, ideation, evaluation, etc.
Other styles: SCAMPER, TRIZ, lateral thinking, etc.

Based on my browsing history below, summarize what I did, grouping into logical groups like:

10:00 - 12:30: What I did in 1-2 sentences
12:30 - 13:00: Next activity
...

Ask me questions for whatever's unclear.

What are the core concepts, i.e. top NON-INTUITIVE well-established lessons/principles, of ______, knowing which, most of the rest of the field is derivable?

- Source comprehensively from authoritative sources.
- Pick the 10 that are mentioned repeatedly, have the highest applicability and usefulness, while being non-obvious.
- Fact-check each concept. Include references to authoritative sources.
- Write as a bulleted point. Explain each concept in a few simple sentences (ELI15) that are easy to understand intuitively.

Draw this as a simple black and white line drawing comic strip with minimal shading.
Single panel.
Use clear speech bubbles with capitalized text.

Draw this as a visually rich, intricately detailed, colorful, and funny, sketchnote.

Summarize this as a visually rich, intricately detailed, colorful, and funny, sketchnote.
Think about the most important points, structure it logically so that the sketchnote is easy to follow, then draw it.

Draw this as a visually rich, intricately detailed, colorful, and funny, visual metaphor diagram.

Sing the beauty of these words, and their meaning.
(I don't really mean sing. I mean, write in a way that'd really make me appreciate the beauty.
But without going overboard. I mean, some wicked humor is always welcome!
In fact, I'd love for you to think about who some of the best authors are who achieve this balance and write in THEIR style.)

Plan like an expert. In this context, first think about:
- What patterns would an expert in this field check / recognize that beginners would miss?
- What questions would an expert ask that a beginner would not know to?
- What problems / failures would an expert anticipate that beginners may not be aware of?
- How would an expert analyze this? At each step, explain what they are looking for and why.
- Argue against this like a sceptic.
- What would change your mind?
- Ask me questions, Socratically, to discover the real need.

Create an animated, interactive explanation of this.
Use smooth animation to help the user feel the flow.
Allow the user to pause, play, speed up, slow down, step forward/backward, or jump to any point in the timeline via a slider (like a video player).
Include clear explanation of each step with visual cues to highlight relevant parts and metadata/tags for the current step.

Use tooltips, popups, interactions, and animations as informative and engaging aids.

**Tooltips** are for:

- Context about non-obvious terms or phrases (only if relevant and useful)
- Additional context about references (where possible)
- Metadata and context about data points, table cells, chart elements, etc. (always)
- Guidelines:
  - On mobile, use tap-to-reveal with clear dismiss affordance (tap elsewhere or an × icon); auto-reposition to stay within the viewport.
  - Debounce on hover. Only 1 tooltip at a time.
  - Do not show tooltips where the tooltips add no meaningful value or additional information beyond the text.

**Popups** are for:

- Files. Link liberally to files.
  - Clicking on file links should open the files in a popup, with a link to open the original in a new tab.
  - Syntax-highlighted if code
  - Show sortable for tabular data, gradient-coloring important numeric / categorical columns if that will help understand the context
- Data points. Provide extensive context for data points.
  - Wherever useful, clicking on data points, table cells, chart elements, etc. should open a popup that provides full context about that element.
  - Include narratives, cards, tables, charts, or even entire dashboards that answer what the user is likely to be curious about or wants to dig in for more details. E.g. context, examples, related metrics, trends over time, breakdown by relevant dimensions, etc.
  - Standardize the format of these popups so users know what to expect. Reuse popups by archetype.
- Guidelines: Trap keyboard focus inside. Contain scrolling. Show loading state when required. Use a consistent anatomy.

**Interactions** can include:

- Scrollytelling. As the user scrolls, trigger changes in charts, illustrations, narratives, etc. to guide them through the story.
- Sliders that allow users to adjust assumptions, scenarios, etc. and see the impact in real time. Keep input & output close - without scrolling.
- Interactive explainers that let the user step through a process, pause, play, speed up, slow down, step forward/backward, or jump to any point in the timeline via a slider (like a video player), with clear explanation of each step and visual cues to highlight relevant parts and metadata/tags for the current step.
- Transition on value change. Animate chart values between states (e.g., bar heights morphing) rather than jump-cutting.
- Streaming text to simulate LLM responses. Stream word-by-word, at ~4 words per second, with a controllable rate, using a blinking cursor at the end to show that it's still generating.
- Progressive reveal quiz. Ask user a question, reveal answer against their guess. Related to scenario forking: choose your own adventure style branching based on user choices.
- Comparisons. Pairwise comparisons, pinnable for comparison, swipe to compare, etc.
- Brushing and linking. Select a region in one chart to highlight related data nearby.
- Small multiples. Show a grid of small charts, letting user expand any SMOOTHLY into a full view - with more details.
- Filters & search.
- Also: Trails. Cursor morphing. Magnetic snapping. Intertial scrolling/panning. Contextual axis transitions.

**Animated SVGs** are for:

- Explaining processes, mechanisms, workflows, etc. The aim is to make users FEEL the process. One glance should give them an intuitive understanding of how it works, even before they read the accompanying text. Show how things are connected, what data flows from where to where, how elements, interact, etc.
- Guidelines: Use GPU-friendly rendering (transform, opacity). Sequence multiple animations deliverately. Respect `prefers-reducted-motion`.

**Principles** to follow:

- Meaningfulness: think carefully about what will be meaningful and useful for the audience to see, based on their objective. The goal is to help them understand and act.
- Visual quality: is critical. Use consistency, bold typography, contrast, visual hierarchy, progressive disclosure, repetition, alignment, information density calibration, and other principles of visual design - while also evaluating relevant visual format innovation.
- Responsive design: all interactions, tooltips, and popups work well on different screen sizes and devices.
- Accessibility: keyboard navigation, minimum contrast ratios, etc.
- URL-driven state: Slider positions, toggle states, and selected scenarios should be reflected in bookmarkable URL parameters.

**Errors to avoid**:

- Visibility: ensure nothing overlaps, get cut off, or becomes inaccessible because we can't scroll to it, etc.
- Performance: ensure loading is fast, latency < 100ms, even with large datasets or complex visualizations.
- Common bugs: tooltip/popup positioning during scroll / resize, z-index warefare, orphaned event listeners, etc.

Plan the design and layout carefully before coding. Sketch the information architecture, interaction inventory, design tokens, performance sensitive paths, responsive breakpoints, etc.

List every learning / interesting fact from the transcript in sequence.

Max 3,000 characters (ideally less than 2,000). The first 200 characters should engage the reader honestly. (The aim is not to get clicks, but to entertain and educate - so it's perfectly fine to give the full answer upfront.)

Summarize the transcript, along with action items, to share with the attendees.
Write in the light style of Matt Levine reporting on this meeting.

List every learning / interesting fact from the transcript in sequence.

Upscale this image into a modern digital color photograph retaining EVERYTHING in the original perfectly.

What kills things like this?
If a year later this CLEARLY failed, how might that have happened?
What's the first thing that breaks with scale?
What's the biggest assumption that could fail?
Who loses if this succeeds, and how will they stop it?
What excuses abandon these?
How would one make this fail?

Did you fully address both the letter AND spirit of my question?
List any shortcuts taken, corners cut, or ways you optimized for appearing correct rather than being correct.
What did I actually want vs what you provided?

Read between the lines and explore implications and trends

Convert this into a beautiful slide deck, McKinsey style with action titles. Just reading the titles should give the audience the entire message of the deck.
Follow the pyramid principle. The contents of the slide should prove the title.
Make the slides content rich, i.e. clear and self-explanatory with enough detail to help the audience understand without a narrator.
Use iconography, typography, stock images, etc. as appropriate.
Write as a single page HTML application.

Think about whose style of writing would be the most engaging and informative to write the following content.
List options, mentioning their style, why they're suitable, and pick the best, with reason.
Then rewrite it in their style.