AI SummaryHeuristic scoring (no AI key configured).
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "marathonminimalist — Cursor Rules" prompt rules to my project. Repository: https://github.com/macphers/marathonminimalist 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
Cursor Rules for marathonminimalist
UI Component Conventions (ZeroToShipped)
This rule summarizes conventions and best practices for writing UI components in this codebase, based on the ZeroToShipped documentation. ---
1. **Component Structure & Organization**
• Route Groups & Private Folders: • Use folders like (landing), (app), (auth) for route grouping. These do not affect the URL path. • Use _components and other _-prefixed folders for private, non-route code (e.g., colocated UI components, hooks, utils). See Folder Structure. • Component Location: • Place shared or global components in src/components. • Place route-specific or segment-specific components in the relevant _components folder within that route group. ---
2. **Kitze UI Integration**
• Provider Setup: • Wrap your app (or relevant parts) with KitzeUIProvider (usually via KitzeUIProviders in src/components/core/KitzeUIProviders.tsx). • Pass an isMobile boolean prop, determined via media queries (e.g., useMediaQueries). • Hooks: • Use useKitzeUI() to access the isMobile flag in components. • Use useDialog() for programmatic dialogs/modals. • Use useConfirm() and useConfirmDelete() for confirmation dialogs. • Component Responsiveness: • Kitze UI components (e.g., SegmentedControl, SimpleDialog, SimpleDropdownMenu, SimpleSelect, SimpleTooltip) automatically adapt to mobile/desktop based on isMobile. • Use the mobileView prop where available to control mobile behavior. • Component Usage: • Use Kitze UI components directly. They are shadcn/ui compatible and modifiable. • Add new components via the shadcn/ui CLI or by copying into src/components. ---
3. **File Uploads (UploadThing)**
• Enablement: • Set NEXT_PUBLIC_ENABLE_UPLOADTHING to true to enable UploadThing features. • Component Usage: • Use FormFieldUploadThingImage for single image uploads in forms (integrates with react-hook-form). • Use UploadThingUploadSingleImage for standalone upload UIs. • Form Integration: • Store image state as { id: string, key: string } | null in your form schema. • Use the endpoint prop (e.g., imageUploader) to specify the upload route. ---
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