Skip to content

Instantly share code, notes, and snippets.

View angelcgar's full-sized avatar
🎯
Focusing

Angel Contreras Garcia angelcgar

🎯
Focusing
View GitHub Profile
@Klerith
Klerith / react-to-npm.md
Created April 8, 2026 20:10
Subir un paquete de componentes a NPM

Crear y subir paquetes de React a NPM

DevTalles · fernando-herrera.com
Guía completa de configuración y despliegue
Stack: React · TypeScript · CSS Modules · Vitest · Rollup


Contenido

Act as an expert Prompt Engineer. Your primary reference for this task is the provided book: 'Prompt Engineering' by Lee Boonstra.
When I give you a prompt that I want to improve, which we'll call [User_Prompt_To_Improve], your objective is to analyze it and then transform it into an optimized version. This optimized version should be designed to take the biggest advantage of Gemini, based strictly on the principles, techniques, and best practices detailed in this book.
Your response should provide two key components:
The Optimized Prompt: Present the rewritten, improved version of [User_Prompt_To_Improve].
@Klerith
Klerith / images.ts
Created December 16, 2024 18:14
Listado de imágenes
const imageUrls: string[] = [
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-1.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-2.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-3.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-4.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-5.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-6.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-7.jpg",
"https://flowbite.s3.amazonaws.com/docs/gallery/square/image-8.jpg",
@Klerith
Klerith / instalaciones-shadcn.md
Last active April 14, 2026 20:35
Instalaciones recomendadas para el curso de Shadcn/ui
@Klerith
Klerith / vue-instalaciones.md
Last active March 20, 2026 23:13
Instalaciones recomendadas - Curso de Vue.js de cero a experto
@Klerith
Klerith / ProductForm.tsx
Created November 27, 2023 17:59
Formulario para actualizar un producto
"use client";
import { Product } from "@/interfaces";
interface Props {
product: Product;
}
const sizes = ["XS", "S", "M", "L", "XL", "XXL"];
@Klerith
Klerith / instalaciones-zustand.md
Last active March 20, 2026 02:53
Instalaciones recomendadas para el curso de Zustand

Zustand Logo

Instalaciones recomendadas - Curso de Zustand

React + TypeScript + Tailwind + Router Dom

@ritog
ritog / alacritty.toml
Created October 6, 2023 10:58
Example configuration file for Alacritty and simple guide
# $HOME/.config/alacritty/alacritty.toml
# by Rito Ghosh 2023-10-06
# Alacritty now uses TOML formatting for its config files.
# This is a simple example.
# There are the specification here: https://github.com/alacritty/alacritty/blob/master/extra/man/alacritty.5.scd
# It is not obvious how it translates to TOML. But it is extremely straightforward.
# example: WINDOW, COLORS, etc. are tables, and should be represented as [window], [colors], respectively.
@Klerith
Klerith / random-hex.md
Created September 22, 2023 17:47
Secure Random Hex

Comando con Ruby instalado

ruby -rsecurerandom -e 'puts SecureRandom.hex(20)'

Ejemplo: No usar en producción

4510c8cf2fe423f8be5afccbdd30c678677e172b

@Klerith
Klerith / regular-exp.ts
Created September 9, 2023 16:55
Email Validation
export const regularExps = {
// email
email: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/,
}