Scaffold Vite and TypeScript projects for browser-based audio applications.
npx skills add https://github.com/sebasdv/my-skills --skill vite-ts-setup
Please help me install this Agent Skill. Skill: vite-ts-setup Source: https://github.com/sebasdv/my-skills/tree/main/vite-ts-setup Command: npx skills add https://github.com/sebasdv/my-skills --skill vite-ts-setup
This Skill streamlines the setup of new web projects using Vite and TypeScript, specifically for browser-based audio, MIDI, and creative coding applications.
vite.config.ts and tsconfig.json for optimal development.Use the vite-ts-setup skill to create a new Vite + TypeScript project for a browser-based audio application.
High-intent search queries and answers about installing and using this skill.
Setting up a Vite and TypeScript project for browser-based audio involves scaffolding a minimal project structure and configuring compilation and path aliases. This provides a well-structured template optimized specifically for web audio and MIDI applications.
Configuring AudioWorklet bundling in Vite requires specific adjustments to the Vite configuration to handle module quirks. This skill addresses those bundling issues directly, ensuring your audio worklets compile and run correctly within the dev server and build processes.
Yes, you can use Vite with TypeScript for creative coding and Three.js integration. The scaffolding supports configuring your project structure and TypeScript compilation to seamlessly incorporate Three.js alongside web audio and MIDI setups.
The best way to scaffold a TypeScript project with path aliases using Vite is to use a template that configures both vite.config.ts and tsconfig.json together. This ensures optimal development setup by aligning Vite's resolve aliases with TypeScript's path mapping.
Vite does not handle MIDI and web audio project configurations out of the box, particularly for AudioWorklet bundling. You need specific scaffolding to configure Vite, TypeScript path aliases, and worklet module bundling for these creative coding applications.
erclxExecute package.json scripts sequentially to validate project configuration.
InverterNetworkGenerate p5.js sketches for interactive art and export as PNG, GIF, or MP4.
tacogipsEnforce strict TypeScript coding standards for type safety and error handling.
Codcyber101Bundle React apps into single HTML files for Claude artifacts.