Fábio Vedovelli vedovelli

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

Folder Structure

Motivations

Clear feature ownership
Module usage predictibility (refactoring, maintainence, you know what's shared, what's not, prevents accidental regressions, avoids huge directories of not-actually-reusable modules, etc)

I have been utilizing artificial intelligence to enhance and optimize my codebases. After evaluating various models, applications, and editors, I find the claude.ai interface with a Pro Account to be the most effective. Here’s the approach I’ve developed to achieve optimal results:

This gist contains a carefully crafted prompt and a script designed to convert your entire Laravel codebase (excluding the resources folder, which can be easily added if needed) into a TXT file with the following structure:

<File Start: ./path/filename.extension> Content of file <End File: ./path/filename.extension>

To implement this method:

	var gulp = require('gulp');
	var browserSync = require('browser-sync').create();
	var sass = require('gulp-sass');

	var exec = require('child_process').exec;

	gulp.task('browser-sync', function() {
	browserSync.init({
	proxy: "dashboard.eastman.dev",
	notify: false

	@servers(['staging' => '[email protected]', 'production' => '[email protected]'])

	<?php
	$app_name = 'l5eka';
	$app_path = '/var/www/vhosts/'.$app_name;
	$repo = 'https://github.com/vedovelli/l5eka';
	$branch = 'aula4';
	$keep = 6;
	$timezone = 'America/Sao_Paulo';

	async function awaitSubmissionFinish(submissionID, status) {
	const response = await submissionInfo(submissionID)
	if(status == 0) return response
	return new Promise(resolve => {
	setTimeout(() => resolve(awaitSubmissionFinish(submissionID, response.status)), 5000)
	})
	}

	import { buildSchema, graphql } from "graphql";

	// Construct a schema, using GraphQL schema language
	let graphqlSchema = buildSchema(`
	type Query {
	recipes: [Recipe]
	recipes_by_pk(id: Int!): Recipe
	}
	type Recipe {
	id: ID!

	import type { LoaderFunction, ActionFunction } from "remix";
	import { useLoaderData, useFetcher } from "remix";
	import invariant from "tiny-invariant";
	import cuid from "cuid";
	import React from "react";
	import type { Task, User } from "@prisma/client";
	import { requireAuthSession } from "~/util/magic-auth";
	import { ensureUserAccount } from "~/util/account";
	import { placeCaretAtEnd } from "~/components/range";
	import { getBacklog } from "~/models/backlog";