JavaScript CSS HTML Obsidian .cursorrules prompt file
About .cursorrules prompt file
What you can build
JavaScript Documentation Generator: Develop a web app that reads JavaScript code files, analyzes them, and generates detailed documentation based on the code’s structure, comments, and functionality. It should display clean and organized documentation using HTML and CSS, with features like search and sorting.
Obsidian Visual Enhancer Plugin: Create a plugin for Obsidian that applies custom themes and styles to notes. It should allow users to easily apply and preview CSS styles, manage themes, and switch between different layouts without modifying the core files.
CSS Design Tool: Build an online tool that allows users to create and test their CSS designs and layouts in real-time. The tool should include a wide variety of CSS properties, allow importing/exporting of CSS files, and offer collaborative editing features.
Node.js Performance Analyzer: Develop a service that can be used by developers to analyze the performance of Node.js applications. This tool should run automated tests to identify bottlenecks, provide detailed reports, and offer optimization suggestions.
JavaScript ES6+ Learning Platform: Build an educational platform focusing on teaching ES6+ JavaScript features. Incorporate interactive lessons, quizzes, and practical coding exercises which highlight new syntax and functionalities.
HTML/CSS Code Snippet Library: Create a web app that serves as a library of reusable HTML and CSS code snippets. Users should be able to browse, search, and contribute to the library, and integrate snippets directly into their projects.
Obsidian Note Collaboration Plugin: Develop an Obsidian plugin that enables real-time collaboration on notes. This plugin should allow multiple users to view and edit a note simultaneously, managing conflicts, and syncing changes seamlessly.
Functional Component Converter Tool: Design an online service that converts React class components into functional components using modern hooks. It should analyze uploaded files and provide converted code ready for integration.
Feature-based Directory Organizer Script: Create a Node.js script that automatically reorganizes project directories by features. The script should take a predefined structure and apply it to any given project, ensuring components, hooks, and styles are properly grouped.
JavaScript Error Debugger Extension: Develop a browser extension that aids in debugging JavaScript errors by providing insights into the common causes of errors and potential recommendations for fixes based on contextual analysis.
Benefits
- Component Modularity: Break down components into reusable, single-responsibility units to enhance maintainability and readability.
- JavaScript Usage: Leverage ES6+ features and minimize global variables to ensure concise, secure coding practices.
- Element Insertion: Adhere rigorously to specified patterns for element insertion in Obsidian Plugins for compatibility.
Synopsis
This prompt would benefit developers building Obsidian plugins focused on custom UI features using JavaScript, CSS, and HTML while adhering to version 1.7.2+ standards.
Overview of .cursorrules prompt
The .cursorrules file outlines guidelines for JavaScript, CSS, HTML, and Obsidian Plugin development, focusing on the creation of well-structured, readable, and maintainable code. It emphasizes the use of clean code principles, functional components, and modular design. Key conventions include using camelCase for variables and functions, PascalCase for component names, and organizing files by related features. Developers should leverage ES6+ features, avoid global variables, and write concise, efficient code without leaving incomplete elements. It includes specific rules for integrating elements into Obsidian, adhering to defined patterns in the documentation.