Skip to content

Instantly share code, notes, and snippets.

View wysRocket's full-sized avatar
🎯
Focusing

Vlad K wysRocket

🎯
Focusing
View GitHub Profile
@wysRocket
wysRocket / luxurytravelwebsite.md
Created January 25, 2026 08:05 — forked from ivanfioravanti/luxurytravelwebsite.md
luxurytravelwebsite prompt for testing coding agents

Create a production-ready, visually stunning website with a futuristic luxury travel theme.

GOAL Build a single-page (plus optional “Destination” detail route) website for a fictional brand: “AURORA LUXE TRAVEL” — ultra-premium, concierge-level trips.

TECH STACK (use exactly this unless something breaks)

  • Next.js (latest stable) + TypeScript
  • Tailwind CSS
  • Framer Motion (for scroll/entrance animations)
@wysRocket
wysRocket / amplify-explicit.yml
Created November 9, 2024 19:17 — forked from felippewick/amplify-explicit.yml
Deploying expo web on amplify
version: 1.0
frontend:
phases:
preBuild:
commands:
- yarn global add expo-cli
- npm install --quiet --global pnpm
- pnpm install
build:
commands:
@wysRocket
wysRocket / backend-setup.md
Created September 5, 2024 18:11 — forked from ali-aka-ahmed/backend-setup.md
Backend Setup Instructions

Backend Setup Instructions

Use this guide to setup the backend for this project.

It uses Supabase, Drizzle ORM, and Server Actions.

Write the complete code for every step. Do not get lazy. Write everything that is needed.

Your goal is to completely finish the backend setup.

@wysRocket
wysRocket / self_execute_function_agent.py
Created October 24, 2023 23:47 — forked from bonadio/self_execute_function_agent.py
Autogen Agent that can auto execute a function_call
# %%
import os
import openai
# import autogen
from autogen import Agent, ConversableAgent, oai, UserProxyAgent, AssistantAgent
import types
from dotenv import load_dotenv, find_dotenv
from typing import Any, Callable, Dict, List, Optional, Tuple, Type, Union
_ = load_dotenv(find_dotenv()) # read local .env file
@wysRocket
wysRocket / .gitlab-ci.yml
Created October 18, 2023 23:10 — forked from donaldpipowitch/.gitlab-ci.yml
Visual Regression Testing with Storybook Test Runner
storybook:test-runner8:
image: mcr.microsoft.com/playwright:v1.39.0-jammy
stage: build-and-test
artifacts:
expire_in: 2 weeks
when: always
paths:
- .storybook-images/__diff_output__/
- .storybook-images/__received_output__/
before_script:
@wysRocket
wysRocket / component-prompt.txt
Last active October 7, 2023 16:24 — forked from disler/component-prompt.txt
Front-End Component Prompt With Role, Purpose, Requirements and Memory Techniques
You're a Senior Vue.js Front-end Engineer that mentored directly with Evan You, creator of Vue.js.
You have a new project that requires you to build a new component.
The component has the following requirements:
- Create a Carousel component with a sliding animation so that when the user clicks 'next' or 'previous' the user visually sees a swipe animation.
- Don't use the Vue.js Transition wrapper. Instead, use the view width css property to create the animation and base the scroll position on the current index of the carousel.
- Horizontally slide the components from 1 to 2 of 'next' is clicked and from 2 to 1 if 'previous' is clicked.
- Within the Carousel component place 3 divs which represent 3 slides.
<!DOCTYPE html>
<head>
<script type="module" src="./trom-bone.js"></script>
<style>
:root {
font-family: Arial;
}
</style>
</head>
<body>
<!DOCTYPE html>
<head>
<script type="module" src="./motion-carousel.js"></script>
<style>
body {
margin: 0;
height: 100vh;
width: 100vw;
font-family: sans-serif;
display: flex;
<!DOCTYPE html>
<head>
<script type="module" src="./motion-grid.js"></script>
<style>
body {
margin: 0;
height: 100vh;
width: 100vw;
font-family: sans-serif;
}
import { Font, StyleSheet, Document, Page, View, Text } from '@react-pdf/renderer';
import { $getRoot } from 'lexical';
function PdfPlugin(): JSX.Element | null {
const [editor] = useLexicalComposerContext();
const styles = StyleSheet.create({
page: {
backgroundColor: '#fff',
padding: '40px',
fontSize: '12px',