TypeScript SvelteKit Bun .cursorrules prompt file
About .cursorrules prompt file
What you can build
1. SvelteKit Learning Platform: An interactive online learning platform that provides tutorials and hands-on projects for mastering Svelte and SvelteKit. Users can follow guided lessons and test their code in a live coding environment.
2. TypeScript Code Review Tool: A web app that allows developers to upload their TypeScript code for automatic review. It provides detailed feedback based on best practices and suggests improvements in code readability and performance.
3. GraphQL API Builder: A tool for building GraphQL APIs using TypeScript, with integration for Yoga and Pothos. This app would allow users to visually design their API schema and generate TypeScript code automatically.
4. Svelte Component Library: A component library with pre-built Svelte components styled with PandaCSS. Developers can easily integrate these components into their projects to speed up development.
5. Pulumi Infrastructure Manager: A cloud infrastructure management tool using Pulumi with TypeScript as DSL. It allows users to define and deploy infrastructure on various cloud platforms through an intuitive interface.
6. VSCode Extension for SvelteKit: A Visual Studio Code extension tailored for SvelteKit development, providing features like syntax highlighting, autocomplete, and debugging tools to enhance the coding experience.
7. Drizzle Backend Starter Kit: A starter kit for building scalable backend applications using Drizzle with TypeScript. It would include predefined patterns and templates for common use cases, such as authentication and data management.
8. Real-time Collaboration Dashboard: A real-time collaboration tool built using SvelteKit and GraphQL, allowing multiple users to work together seamlessly on shared projects, with live updates and communication features.
9. TypeScript to Svelte Converter: A tool that automatically converts TypeScript code snippets or components into equivalent Svelte components, simplifying the transition for developers who are new to Svelte.
10. SvelteKit E-commerce Platform: An e-commerce platform template built with SvelteKit, complete with a customizable shopping cart, product listing, and checkout system, designed for easy modification and branding.
Benefits
- Utilizes Bun as the package manager and runtime across all projects for streamlined dependency management and efficient execution.
- Emphasizes detailed pseudocode in 한국어 for planning, ensuring clear, step-by-step implementation before writing TypeScript and Svelte/SvelteKit code.
- Mandates current, secure, and performant code using latest TypeScript, Svelte/SvelteKit features, prioritizing readability and correctness without todos or missing pieces.
Synopsis
Developers building TypeScript and Svelte/SvelteKit applications with Bun and Pulumi for infrastructure could leverage this prompt to ensure reliable, maintainable, and modern web applications.
Overview of .cursorrules prompt
The .cursorrules file provides guidelines and best practices for developing applications primarily using TypeScript and Svelte/SvelteKit with Bun as the package manager and runtime. It emphasizes coding in a readable, secure, and performant manner while adhering to the latest technology standards. The file details specific directory structures for different components such as APIs, user-facing websites, shared components, and infrastructure, suggesting the use of certain technologies like GraphQL, Drizzle, and PandaCSS. It mandates precise rule-following, extensive pseudocode planning, and the production of fully functional, bug-free code.