Slice · AI prompt

Library — resource hub (prompts · visuals · snippets · links)

Grab-bag resource hub. One polymorphic `libraryItems` table holds six kinds — prompt, image, video, link, download, snippet — with per-kind payload fields switched on `kind` (no joins). Attribution-first: every item carries optional source/license/tools so re-shares stay correct. Collections group items. Convex-backed (schema + queries + unauthenticated mutations); SEO override fields reused from the `seo` peer slice so the surface matches blog/projects rows. Public view = filterable card grid + per-item detail with copy-to-clipboard for prompts/snippets and an opt-in upvote control. Lifted 2026-05-28 from rahmanef.com; 432-LOC mutations + 330-LOC detail split for the 200-LOC cap; Indonesian copy + custom primitives stripped (prop-driven English defaults); cross-slice auth + comments-votes coupling dropped (consumer wraps mutations + supplies the upvote handler).

Resource detail View source

Copy this prompt into Claude / Codex / Cursor

library.prompt.mdmarkdown

# Install `library` — Library — resource hub (prompts · visuals · snippets · links)

> Grab-bag resource hub.

📚 Knowledge base : https://resource.rahmanef.com/llms.txt
📦 Slice detail   : https://resource.rahmanef.com/slices/library
🧠 JSON catalog   : https://resource.rahmanef.com/api/knowledge?slice=library
🔗 Source         : https://github.com/rahmanef63/resource-site/tree/main/frontend/slices/library

## 1. Install

```bash
npx rahman-resources add library
# alias: npx rr add library
```

The CLI copies `frontend/slices/library/` into your project + augments `.env.example` + installs npm deps automatically. Run it from your project root.

## 2. What it ships

- npm: `convex`, `next`, `react`
- peer slices (cascade install):
  - `seo` — Library item SEO override fields reuse the seo slice's metadata shape so the surface matches blog/projects rows.
- convex feature paths: `convex/features/library`

## 3. Wire it up

Run `npx rr add seo` (peer) then `npx rr add library`. Spread `seoTables` + `libraryTables` into your root Convex schema. Wrap the unauthenticated CRUD `internalMutation`s with your auth model (see README Install). Render `<LibraryIndex items={await fetchQuery(api.library.listPublic)} />` and `<LibraryDetail item={await fetchQuery(api.library.getBySlug, { slug })} />`. Pass `onUpvote` to enable voting (consumer-owned backend); override `copy` + `kindLabels` per consumer.

## Rules of engagement

- shadcn-only UI primitives. No raw `<button>` / `<dialog>` / native date or file inputs.
- 200-line hard cap per source file (extract neighbours when over).
- All Convex queries hit an index (`.withIndex(...)`); never bare `.collect()`.
- Public mutations/queries declare `args:` validators + authz.
- Full ruleset: https://resource.rahmanef.com/best-practice

The agent will fetch /llms.txt for the full ruleset and use /api/knowledge for the JSON catalog.

Library — resource hub (prompts · visuals · snippets · links)

# Install `library` — Library — resource hub (prompts · visuals · snippets · links) > Grab-bag resource hub. 📚 Knowledge base : https://resource.rahmanef.com/llms.txt 📦 Slice detail : https://resource.rahmanef.com/slices/library 🧠 JSON catalog : https://resource.rahmanef.com/api/knowledge?slice=library 🔗 Source : https://github.com/rahmanef63/resource-site/tree/main/frontend/slices/library ## 1. Install ```bash npx rahman-resources add library # alias: npx rr add library ``` The CLI copies `frontend/slices/library/` into your project + augments `.env.example` + installs npm deps automatically. Run it from your project root. ## 2. What it ships - npm: `convex`, `next`, `react` - peer slices (cascade install): - `seo` — Library item SEO override fields reuse the seo slice's metadata shape so the surface matches blog/projects rows. - convex feature paths: `convex/features/library` ## 3. Wire it up Run `npx rr add seo` (peer) then `npx rr add library`. Spread `seoTables` + `libraryTables` into your root Convex schema. Wrap the unauthenticated CRUD `internalMutation`s with your auth model (see README Install). Render `<LibraryIndex items={await fetchQuery(api.library.listPublic)} />` and `<LibraryDetail item={await fetchQuery(api.library.getBySlug, { slug })} />`. Pass `onUpvote` to enable voting (consumer-owned backend); override `copy` + `kindLabels` per consumer. ## Rules of engagement - shadcn-only UI primitives. No raw `<button>` / `<dialog>` / native date or file inputs. - 200-line hard cap per source file (extract neighbours when over). - All Convex queries hit an index (`.withIndex(...)`); never bare `.collect()`. - Public mutations/queries declare `args:` validators + authz. - Full ruleset: https://resource.rahmanef.com/best-practice