mike-at-redspace

Advanced Prompting Cheat Sheet

---

1. How to Choose a Model

OpenAI Family

mike-at-redspace

    <header>
  <section>
    <p>Hue</p>
    <div class="swatch max"><b><code>var(--color-max)</code></b></div>
  </section>
  <section>
    <div class="title-with-control">
      <p>Options</p>
      <button id="shuffle" title="You can also press spacebar!">
        <svg viewBox="0 0 24 24" width="17" height="24">

mike-at-redspace

// https://news.ycombinator.com/topcolors
const colors = [
  {
    value: "#ff6600",
    name: "Safety Orange",
  },
  {
    value: "#00aadd",
    name: "Mystic Blue",
  },

mike-at-redspace

/**
 * A simple, customizable slug generator for browser-based inputs.
 * 
 * Features:
 * - Optionally lowercases text
 * - Removes special characters
 * - Filters out stop words
 * - Removes numeric digits
 * - Supports dash or underscore delimiters
 * - Copy-to-clipboard functionality

mike-at-redspace

import React from "react"
import { Swiper, SwiperSlide } from "swiper/react"
import useSWR from "swr"

const fetcher = (url) =>
  fetch(url, {
    headers: {
      Authorization: `Bearer YOUR_JWT_TOKEN`
    }
  }).then((res) => res.json())

mike-at-redspace

Tiny Mobile (0-413px):

• iPhone 5, iPhone 5c, iPhone 5s
• iPhone 6, iPhone 6s, iPhone 7, iPhone 8, iPhone SE (2020), iPhone SE (2022)
• iPhone 12 mini, iPhone 13 mini
• iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, iPhone 14, iPhone 14 Pro, iPhone 15, iPhone 15 Pro
• iPhone 11 Pro, iPhone X
• Samsung Galaxy S21 (Dynamic AMOLED 2X, 6.2 inches, 1080 x 2400) Portrait
• Google Pixel (AMOLED, 5 inches, 1080 x 1920) Portrait
• Sony Xperia 1 III (OLED, 6.5 inches, 1644 x 3840) Portrait

mike-at-redspace

function usePageTransition({
  beforeChange,
  afterChange,
  done,
}) {
  const startResolverRef = useRef(null);
  const dataRef = useRef(null);
  const transitionRef = useRef(null);

  useLayoutEffect(() => {

mike-at-redspace

  const timestamp = getCurrentTimestamp()
  const startTime = new Date()
  try {
    const { status, headers } = await axios.get(site)
    const { date, trace_id: traceId } = headers
    const responseTime = new Date() - startTime
    const log = `${timestamp},${date},${status},${site},${responseTime}ms,${traceId},${headers['cache-control']}\n`
    await fs.appendFile(logFilePath, log)
    console.log(`${timestamp}: ${site} - ${responseTime}ms`)
  } catch (error) {

mike-at-redspace

import { useState, useEffect } from 'react';
import { render } from 'ink';
import inquirer from 'inquirer';
import fs from 'fs';
import path from 'path';

import TestRunner from './TestRunner';

const App = () => {
  const [testPackages, setTestPackages] = useState([]);

mike-at-redspace

/**
 * React hook to get responsive image dimensions
 *
 * DynamicPicture could use the height and width from sources[0] as initial dimensions (SSR)??
 *
 * @param {string} imageUrl - Image src url
 * @param {object} initialDimensions - Initial dimensions for SSR
 * @returns {{dimensions: {width: number, height: number}, imageRef}} - Image dimensions and ref
 */
const useResponsiveImage = (imageUrl, initialDimensions) => {