126 lines
5.3 KiB
Markdown
126 lines
5.3 KiB
Markdown
|
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.
|