New: Install with AgentRahman Resources for your
Rahman Resources for your
next app.
66 canonical slices ship for Next.js/React and SvelteKit/Svelte 5 — copy-first, renderer-aware, npm/Bun-ready, with Tailwind 4, TypeScript strict and optional Convex. Dual-framework Next.
What's in the box
Every artifact has been battle-tested in production. Pick what you need, strip what you don't.
Vertical-Slice Architecture
Each feature owns its config, page, views, components, settings, agent, and Convex mirror. Add or remove a feature by adding or removing one folder.
Copy-First Flow
Never greenfield. Every artifact comes from a proven source project (internal kitab-core, rahmanef.com, cescadesigns, notion-clone). Edit imports, ship.
shadcn-only UI
All components are shadcn primitives or composed from them. ResponsiveDialog, DateField, FileUpload — no raw HTML buttons or dialogs.
audit-bp Gated
Best-practice auditor pulls latest Next 16 / React 19 / Convex docs via Context7 before scoring. Score ≥80 to ship.
Dokploy in One Command
si-coder skill creates the GitHub repo, pushes, configures Dokploy, sets DNS, and triggers deploy. Zero human involvement.
Self-hosted Convex + @convex-dev/auth
No Clerk. Self-hosted Convex backend in the same docker-compose. Postgres-backed for prod.
Auto-generated Slice Docs
Per-slice DEPS.md, CONTRACT.md, STATUS.md, USAGE.md generated from imports + defineFeature config.
Cookbook + Recipes
8 layout variants and 8 feature drop-ins (block editor, command palette, db views, comments, ...) ready to mount.
Slices
Tier-3 vertical slices. Auth, AI, payments, editor primitives — ported and audited.
AI Core Kit
Shared UI + helper substrate for the ai-* slice cluster (lifted from models-rahmanef-com). Ships the ResponsiveDialog/ConfirmDialog overlay primitive (+ useConfirm), SectionErrorBoundary, a light/dark useTheme hook, fmt/ago/dt formatters, and a provider-agnostic ConvexError renderer (errData/ErrorLine/FRIENDLY). React-only, no Convex, no shadcn — the lightweight no-shadcn dialog variant. Foundation the byok/workspaces/memory/combos/scheduled-agents/channels slices import via @/features/ai-core.
uidialogtheme
Image Editor — layered raster editor
Framework-parity layered raster editor. React/Next remains default with react-konva; native Svelte 5/SvelteKit uses Konva directly over the same document/layer model, unified doc+paint history, command registry, project IO, masks, adjustments/styles, background removal and stage export semantics. Svelte includes move/transform, brush/eraser/mask painting, eyedropper, zoom/pan, text/shape/paint/adjustment layers, layers/properties panels, image/project IO, background removal, export and optional host-injected AI with no React/Next/react-konva/Lucide/shadcn/FilePicker/agent runtime.
image-editorphotoshopcanvas
Reel — video timeline editor
Framework-parity in-browser video editor. React/Next remains default with the existing resizable workspace; native Svelte 5/SvelteKit reuses the same immutable composition model, observable undo/redo history, Canvas-2D draw path shared by preview and WebM export, MediaCache/audio graph, keyframes/transitions, AI edit transforms, local draft/settings, filesystem seam and realtime MediaRecorder exporter. The Svelte renderer covers playback, layered timeline, track controls, clip inspector, local/sample/filesystem import, AI commands, keyboard shortcuts, autosave/settings and WebM export without React/Next/Lucide React/shadcn/Sonner/resizable-panels/agent runtime.
videovideo-editortimeline
Preview — media quick-look
A quick-look media viewer in the macOS Preview spirit. Images render on a zoomable (40–300%) checkerboard stage so transparency reads; audio gets a card player with a CSS-bar waveform + transport; video gets play/pause + scrubber + volume; PDFs embed full-bleed and text gets a simple surface. The toolbar carries a type-indicator chip, zoom, Download, Open-in-editor, and prev/next. Two framework-neutral integration seams in lib/host-core.ts make it portable: configureMediaSource maps fs paths to fetchable URLs (identity by default, so public URLs work with zero wiring) and configureMediaOpener routes the Open-in-editor handoff (image → design-studio, video/audio → reel-editor) to your shell — both inert until set. Launched bare it shows a fully offline sample gallery (inline SVG gradients, simulated A/V playback). Pairs with file-explorer (onOpenFile → MediaViewer payload) and the editors.
mediapreviewviewer
Code — overlay syntax editor
Framework-parity lightweight code editor over one observable editor/filesystem core. React/Next remains default with appshell inspector + automatic tool registration; native Svelte 5/SvelteKit adds explorer, tabs, overlay syntax editing, create/save, status, payload-open handoff, and optional host tool registration over the exact same CodeFsAdapter, writable mock FS, buffers, dirty/save state, highlighter, and tool semantics. Writes stay best-effort — read-only hosts keep the local buffer and surface the failed remote save.
codeeditorsyntax-highlight
System Monitor — host telemetry dashboard
Activity-Monitor-style host telemetry dashboard with React/Next as the default distribution and native Svelte 5/SvelteKit gauges, sparklines, and responsive process UI over one injected telemetry adapter + rolling history core. Polling stays at 1.5s with ~40 CPU/network points; zero-backend mock and host live adapter remain supported.
monitoringtelemetrydashboard
Stack
Everything you'd pick if you were starting today.
Pick how you start.
Roll your own, hand it to an agent, bring an existing project, or compose it visually — every path lands on the same rr conventions.
Roll your own — copy from the repo, adjust imports, ship.
terminalbash
# Next.js + React (npm)
npx rahman-resources@latest init my-app --framework react-next --package-manager npm
# SvelteKit + Svelte 5 (Bun)
bunx rahman-resources@latest init my-app --framework sveltekit --package-manager bun
# Add a slice explicitly for SvelteKit
cd my-app
bunx rahman-resources@latest add appshell --framework sveltekit --package-manager bun