5.3 KiB
Here’s a concise, user-focused feature summary:
Organize prompts
Create nested folders and pin favorites for quick access in the sidebar Drag-and-drop prompts into folders or use “Move to…” for precise placement Clear a prompt’s folder by dropping it on “Root” Tagging and metadata
Add weighted tags for better relevance and filtering Browse tags, categories, and platforms to discover content Smooth tag picker with overlay suggestions (doesn’t break the layout) Powerful filtering
Filter by search, type, tags, folder, category, platform, favorites-only, has image, and date range “Clear all” to reset filters in one click Prompt details
Structured workflow viewer with line numbers Download workflow as a JSON file View example images and metadata at a glance Favorites
Toggle hearts to favorite prompts, add notes, and manage your list Move a favorite’s underlying prompt to another folder directly Submission
Prominent “Submit” button in the sidebar Create new prompts with weighted tags and get redirected to the new entry Navigation and UX
Favorite folders section under primary nav, separated by a divider Expand/collapse folder tree for clarity Consistent, responsive interface throughout the app Optional (for admins)
Manage global categories and platforms for everyone’s use
Here’s a clear, high-level summary of the app and its features.
What the app is
A React + TypeScript application for organizing, authoring, and sharing AI prompts with structured metadata and workflows. Uses Supabase for authentication, database, and secure policies. Built with shadcn/ui and Tailwind CSS for a consistent, accessible UI. Core entities and data model
Prompts: Include title, content, type, tags, workflow, platform/model, category, example image, and folder assignment. Folders: Nested hierarchy for organizing prompts; supports pinning (used as “favorites” for quick access). Tags: User-scoped tags; prompts can have weighted tags for better filtering and relevance. Favorites: User-scoped list of favorite prompts, optionally with notes. Categories and Platforms: Global taxonomies, managed by admins. Profiles: Per-user profile with optional admin flag. Navigation and structure
Sidebar: Primary navigation plus a prominent “Submit” button at the top. Favorite Folders section: Pinned folders appear below primary links, separated by a horizontal rule for quick filtering. Routes: Prompts list, Prompt detail, Favorites, Folders, Tags and Tag details, Admin dashboard, Submit prompt, Import/Export, Login, and Not Found. Authentication and security
Supabase authentication with session management and protected routes. Row Level Security on all tables: users can only access their own data (folders, favorites, prompt-tag links); admins have elevated access for global entities. Profile auto-creation on signup and admin-aware policies for prompts, categories, and platforms. Key features and workflows
Prompt listing and filtering: Rich filters: search, type, tags, folder, category, platform, favorites-only, has-image-only, and date range. “Clear all” capability to reset all filters. Tag filter UX refined: collapses when not focused and shows suggestions as an overlay dropdown (prevents layout break). Prompt detail: Clean layout with overflow fixes. Workflow section displayed in a JSON-styled code block with line numbers. “Download workflow” button to export the workflow as a JSON file (valid even if the original text isn’t strictly JSON). Tagging: TagPicker with overlay suggestions; supports weighted tags on submission. Dedicated Tags page and per-tag detail view. Folders: Nested tree with expand/collapse controls; defaults to expanded for visibility. Pin/Unpin (favorites) and pinned-first sorting in lists. Drag-and-drop moving: prompts can be dropped into folders via a dock, including a “Root” zone to clear folder assignment. “Move to…” action on prompt cards and Favorites for precise folder changes. Favorites: Full favorites management: toggle hearts, add notes, delete favorites. Can move a favorite’s underlying prompt to a different folder directly from the Favorites page. Submission: Submit Prompt page for creating new prompts; saves weighted tags and navigates to the new prompt on success. Prominent “Submit” button in the sidebar for quick access. Admin tools: Admin-only management of categories, platforms, and tags. Admin privileges allow broader prompt visibility and edits per secure policies. Import/Export: Page for data portability, enabling backup/restore workflows. User experience highlights
Consistent, accessible components via shadcn/ui and Radix. Tailwind CSS for responsive design and visual consistency. Pinned folders presented as “Favorite Folders” for quick navigation. Layout resilience: tag suggestions overlay fixes prevent filter grid from breaking. Under the hood
React Router handles routes; pages live in src/pages and components in src/components. Supabase operations keep UI fresh via refetch/invalidation after changes (e.g., moving prompts). Profiles and RLS policies ensure data isolation, with admin exceptions where appropriate. If you’d like, I can tailor this summary to a product page version (marketing-style), a technical architecture overview, or a quick-start guide for new users on your team.