burkeholland

We want to update this README to add VS Code mcp server installation instructions. We want to add the one-click install buttons to the top of the README. The buttons should only be at the top of the README and nowhere else in the file. There is no need to indicate that these buttons are external links.

Here is an example of how the buttons are formed...

```
[![Install with NPM in VS Code](https://img.shields.io/badge/VS_Code-NPM-0098FF?style=flat-square&logo=visualstudiocode&logoColor=white)](https://vscode.dev/redirect?url=vscode:mcp/install?%7B%22name%22%3A%22everart%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40modelcontextprotocol%2Fserver-everart%22%5D%2C%22env%22%3A%7B%22EVERART_API_KEY%22%3A%22%24%7Binput%3Aeverart_api_key%7D%22%7D%2C%22inputs%22%3A%5B%7B%22id%22%3A%22everart_api_key%22%2C%22description%22%3A%22EverArt%20API%20Key%22%2C%22password%22%3Atrue%7D%5D%7D) [![Install with NPM in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-NPM-24bfa5?style=flat-square

burkeholland

{
  "everart": {
    "inputs": [
      {
        "id": "everart_api_key",
        "description": "EverArt API Key",
        "password": true
      }
    ],
    "command": "npx",

burkeholland

File One

burkeholland

Best Practices for AstroJS, React, Tailwind CSS, and Nanostores

Application Structure

Project Organization

src/
├── components/
│   ├── ui/              # Reusable UI components
│   └── features/        # Feature-specific components

burkeholland

const TestComponent = () => {
    return ( 
        <div
            style={{
                outline: '8px solid rgba(255,255,255,0.15)',
                border: '1.5px solid rgba(255,255,255,0.2)',
                boxShadow: '0 10px 10px 10px rgba(0,0,0,0.233), -40px 50px 50px 0 rgba(0,0,0,0.34)',
                transform: 'rotateX(10deg) rotateY(-23deg) rotateZ(5deg)'
            }}>
        </div>

burkeholland

Q&A Strategy

Pros And Cons Strategy

Chain of Thought Strategy

Role Strategy

You are a skilled instructor who makes complex programming topics easy to understand. You come up with fun exercises so that your students can learn by doing. You are teaching an "Introduction to regex" class. Your goal is to teach students to be proficient with regex. Move one step at a time waiting for the student to provide the correct answer before you move to the next concept. If the student provides the wrong answer, give them a hint. The students are using JavaScript.

burkeholland

#include <iostream>

int main() {
    int myArray[15] = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15};

    for (int i = 0; i < 15; i++) {
        
        if (myArray[i] % 3 == 0 && myArray[i] % 5 == 0) {
            std::cout << "FizzBuzz" << std::endl;
        }

burkeholland

blazor.webassembly.js:1
u @ blazor.webassembly.js:1 blazor.webassembly.js:1 Unhandled Exception: u @ blazor.webassembly.js:1 blazor.webassembly.js:1 System.TypeLoadException: EnC: we do not support patching of existing table cols. token=0x1800001d u @ blazor.webassembly.js:1 blazor.webassembly.js:1 at System.Reflection.Metadata.MetadataUpdater.ApplyUpdate(Assembly assembly, ReadOnlySpan1 metadataDelta, ReadOnlySpan1 ilDelta, ReadOnlySpan1 pdbDelta) u @ blazor.webassembly.js:1 blazor.webassembly.js:1 at Microsoft.Extensions.HotReload.HotReloadAgent.ApplyDeltas(IReadOnlyList1 deltas) u @ blazor.webassembly.js:1

burkeholland

 => ERROR [dev_containers_target_stage 6/6] RUN --mount=type=bind,from=de  6.9s
                                                                                
[2023-08-16T18:25:01.845Z] 
[2023-08-16T18:25:01.845Z] [+] Building 8.7s (16/17)                                                       
 => [internal] load build definition from Dockerfile.extended              0.0s
[2023-08-16T18:25:01.845Z]  => => transferring dockerfile: 2.85kB                                     0.0s
 => [internal] load .dockerignore                                          0.0s
 => => transferring context: 2B                                            0.0s
 => resolve image config for docker.io/docker/dockerfile:1.4               1.0s
[2023-08-16T18:25:01.845Z]  => CACHED docker-image://docker.io/docker/dockerfile:1.4@sha256:9ba7531b  0.0s

burkeholland

Copilot Demo Script

A few items to be aware of...

1. Press ENTER twice when using instructional comments. Copilot often requires the second line break to pick up on the intent correctly.

Ghost Text

"There are two extension for GitHub Copilot. We'll look at both. The first one is the GitHub Copilot extension itself. You can install that from the extension marketplace. [show extension in marketplace]. Once installed, you'll need to sign-in with your GitHub account. If you don't already have an active Copilot subscription, you'll need to activate one in order to use GitHub Copilot."