AI SummaryHermes provides TypeScript/React coding standards and best practices rules for Cursor, helping developers maintain type safety, consistent import patterns, and modern component architecture in the Hermes video downloader project.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "Hermes — Cursor Rules" prompt rules to my project. Repository: https://github.com/TechSquidTV/Hermes Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Hermes Video Downloader — Self-hosted video downloader compatible with 1,000+ sites.
Hooks Usage
• Use useQuery for fetching data • Use useMutation for creating/updating/deleting • Configure query client in src/lib/queryClient.ts • Handle loading and error states appropriately
Component Usage
• Import components from src/components/ui/ • Use composition to build complex components • Maintain accessibility (ARIA attributes) • Follow shadcn/ui conventions and styling
Type Safety
• Use strict TypeScript settings (tsconfig.json) • Avoid any type - use unknown or specific types • Define interfaces for all data structures • Export types from src/types/ directory
Import Conventions
• Use absolute imports via path aliases configured in tsconfig.json • Group imports: React, third-party, local components, types, styles • Use named imports over default imports when possible
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts