dobroslavradosavljevic
- 121 skills
- 0 followers
- 1 day ago last updated
- ▌ Drizzle Orm · dobroslavradosavljevic bundleBuild, review, debug, configure, migrate, teach, or plan Drizzle ORM 1.0 RC (not 0.x) with kit, seed, validators, and Effect drivers. Use for drizzle-orm@rc, drizzle-kit@rc, drizzle-seed@rc, defineRelations RQBv2, pgTable/mysqlTable/sqliteTable, generate migrate push pull studio, drizzle-orm/zod|valibot|typebox|arktype|effect-schema, drizzle-orm/effect-postgres and other effect-* drivers, codecs, snakeCase, InferSelectModel, and 0.x-to-1.0 upgrades.
- ▌ React Email · dobroslavradosavljevic bundleBuild, review, debug, render, migrate, or plan HTML email templates with React Email (react-email v6+). Use for react-email, create-email, @react-email/editor, @react-email/render, @react-email/ui, email templates, Tailwind email styling, pixelBasedPreset, render/toPlainText, PreviewProps, email CLI (email dev/export/build), transactional emails, newsletters, Resend/Nodemailer/SendGrid/Mailgun/Postmark/SES integrations, and upgrades from @react-email/components.
- ▌ Legend State · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan Legend-State v3 applications with current docs. Use for @legendapp/state v3 beta, observable, useValue, observer, Memo, $React, useObservable, computed or linked observables, observe, when, batch, fine-grained React rendering, React Native, local persistence, syncObservable, synced, syncedCrud, syncedFetch, syncedQuery, Supabase, Firebase, Keel, offline-first sync, transforms, syncState, testing, performance, and v2-to-v3 migrations.
- ▌ Setup Icp Md · dobroslavradosavljevic bundleOne-time setup that derives the best ideal customer profile for the current project from the codebase, product context, and external market signals, then writes a root ICP.md. Use when the user invokes $setup-icp-md, says "setup icp", "create ICP.md", "ideal customer profile", or asks to define who the product is for.
- ▌ Clone To Temp · dobroslavradosavljevic bundleManual-only workflow that puts locally browsable scratch material into the project-root `.temp/` directory (git clones, datasets, archives, dumps) and keeps that directory ignored by git, linters, formatters, typecheck, tests, and similar project tooling. Fetched trees are untrusted: inspect files only; never install, build, test, or run anything from `.temp/`. Use only when the user explicitly invokes $clone-to-temp or asks to clone-to-temp. Do not auto-invoke from ambient context, brainstorming, research, or a mention of cloning or downloading.
- ▌ Tanstack Form · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Form v1 React forms with current docs. Use for @tanstack/react-form, @tanstack/form-core, useForm, form.Field, createFormHook, createFormHookContexts, withForm, withFieldGroup, formOptions, form.Subscribe, useSelector, useStore, validators, Standard Schema validation, Zod, Valibot, ArkType, Effect Schema, async validation, dynamic validation, array fields, FormGroup, linked fields, listeners, SSR, TanStack Start, Next.js, Remix, devtools, UI libraries, accessibility, and production form composition.
- ▌ Plain Language · dobroslavradosavljevic bundleALWAYS apply by default in every turn when writing to the user, naming code/files/folders/APIs/terms, explaining decisions, summarizing work, or teaching concepts. Hard-enforces ASD-STE100 Simplified Technical English for all agent prose (approved simple words, one word per idea, short active sentences, short paragraphs) plus readable names. Also use when the user says plain-language, STE, Simplified Technical English, simpler words, explain simply, less jargon, better names, or readable naming.
- ▌ Tanstack Query · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Query v5 React server-state code with current docs. Use for @tanstack/react-query, QueryClient, QueryClientProvider, useQuery, useMutation, useInfiniteQuery, useQueries, queryOptions, mutationOptions, query keys, cache defaults, staleTime, gcTime, invalidation, optimistic updates, SSR, hydration, prefetching, router integration, suspense, persistence, devtools, ESLint rules, testing, TypeScript, and v4-to-v5 migrations.
- ▌ Tanstack Start · dobroslavradosavljevic bundleBuild, review, debug, configure, migrate, or plan TanStack Start React applications with current docs. Use for TanStack Start, @tanstack/react-start, file-based routing, route colocation (-components/-hooks/-lib beside routes), feature modules (src/modules reusable code), pathless layouts, TanStack Router integration, Vite/Rsbuild setup, SSR, streaming, server functions, server routes, middleware, loaders, TanStack Query integration, environment variables, sessions/auth, deployment, hosting, and Next.js migrations.
- ▌ Tanstack Store · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Store state management with current docs. Use for @tanstack/store, @tanstack/react-store, createStore, Store, ReadonlyStore, setState, subscribe, batch, flush, shallow, derived stores, createAtom, createAsyncAtom, useSelector, useStore migrations, useAtom, useCreateStore, useCreateAtom, createStoreContext, selector compare functions, immutable updates, actions factories, SSR-safe store lifetime, framework adapters, testing, and production state patterns.
- ▌ Tanstack Table · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Table v9 React tables with current docs. Use for @tanstack/react-table, @tanstack/table-core, useTable, tableFeatures, stockFeatures, createTableHook, createColumnHelper, ColumnDef, table state, external atoms, sorting, filtering, faceting, grouping, aggregation, expanding, pagination, row selection, cell selection, cell spanning, row and column pinning, column visibility, column ordering, column sizing, column resizing, virtualization, devtools, worker row models, and v8-to-v9 migrations.
- ▌ Design Engineer · dobroslavradosavljevic bundleImproves UI/UX like a design engineer: diagnose friction, propose multiple solutions, pick the best with rationale, then implement polished interfaces. Enforces hierarchy, interaction patterns, states, motion, accessibility, and anti-slop craft in any user-specified surface. Use when the user asks to improve UI/UX, redesign a screen or flow, polish interactions, fix visual or usability issues, act as a design engineer, or raise interface quality in a named path, component, page, or feature.
- ▌ Simplify Layout · dobroslavradosavljevic bundleShortens file and folder names and groups related code so paths stay scannable. Folder context carries the noun; leaf files stay short verbs or aspects; related modules sit together. Use when the user asks to simplify names, shorten paths, or make a package or feature layout easier to scan — not for cohesion-only splits that keep descriptive names, broad boundary or scalability migrations, or general smell cleanup.
- ▌ Tanstack Charts · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Charts pre-alpha charting with current docs. Use for @tanstack/charts, @tanstack/charts/react, @tanstack/charts/react-native, @tanstack/charts/scales/*, defineChart, svgAnimation, motion(), tooltip/portal, layout stack/group, groupBy/binX/rollingWindow/rank/normalize/fold/waterfall/mosaic, lineY, areaY, barY, boxY, violinY, waffleY, ridgelineY, differenceY, linearRegressionY, rect, cell, dot, hexagon, crosshair, whenFocused, decorative, facet, polar, geoShape, treemap, sunburst, sankeyDiagram, hexbin, contour, brushX, zoomX, keyedSelection, Chart, Canvas, grammar-of-graphics marks/channels/scales, and migrations from Recharts, Chart.js, ECharts, Observable Plot, archived react-charts, @tanstack/react-charts, @tanstack/charts-scales, or TanStack Charts 0.0.x–0.13.x.
- ▌ Setup Project Md · dobroslavradosavljevic bundleOne-time setup that maps the codebase and gathers user-provided product context to write a root PROJECT.md overview of what the project is, who it serves, how it is structured, and how it runs. Use when the user invokes $setup-project-md, says "setup project md", "create PROJECT.md", or asks for a complete project overview document at the repo root.
- ▌ Tanstack Hotkeys · dobroslavradosavljevic bundleBuild, review, debug, migrate, or plan TanStack Hotkeys keyboard shortcut systems with current docs. Use for @tanstack/react-hotkeys, @tanstack/hotkeys, useHotkey, useHotkeys, HotkeysProvider, useHotkeySequence, useHotkeySequences, useHotkeyRecorder, useHotkeySequenceRecorder, useHeldKeys, useHeldKeyCodes, useKeyHold, formatForDisplay, shortcut palettes, custom shortcut settings, key sequences, scoped hotkeys, input handling, preventDefault, stopPropagation, conflictBehavior, devtools, accessibility, SSR-safe React usage, and cross-platform Mod/Ctrl/Cmd shortcuts.
- ▌ Create Durable Plan · dobroslavradosavljevic bundleCreate an advanced durable plan pack under repo-root plans/<YYYY-MM-DD-slug> (PLAN, STATUS, TRACE, CONTRACT, EXECUTION, optional phase files) so any later coding agent can execute file-level, contracted, verifiable work without guessing. Use when the user invokes $create-durable-plan, says "create durable plan", "durable plan", "write a plan to /plans", "plans folder", or asks for a highly specific, phased, file-level plan persisted in the codebase. If root plans/ is missing, set it up from scratch first.
- ▌ Elysia Architecture · dobroslavradosavljevic bundleEnforce portable Elysia app architecture: feature modules, folder trees, naming, one-route-one-file, thin handlers, schema/services ownership, and mount tables. Use when scaffolding a new Elysia API or feature, adding endpoints, reviewing or reorganizing module layout, or when the user asks for elysia-architecture / Elysia house style. Optional with-* overlays for Effect, env, session auth, capability authz, API keys, Drizzle, OpenAPI, observability, HTTP errors, domain packages, plugins, cron, webhooks, service auth, and Vitest.
- ▌ Setup Competitors Md · dobroslavradosavljevic bundleOne-time setup that maps direct competitors, alternatives, and category substitutes for the current project from the codebase, user input, and external research, then writes a root COMPETITORS.md. Use when the user invokes $setup-competitors-md, says "setup competitors", "create COMPETITORS.md", "competitive landscape", or asks to document rivals and differentiation for the project.
- ▌ Setup Copywriting Md · dobroslavradosavljevic bundleOne-time setup that analyzes a project's existing copy, competitor and category messaging, and writes a root COPYWRITING.md with voice, patterns, good/bad examples, and writing rules. Use when the user invokes $setup-copywriting-md, says "setup copywriting", "create COPYWRITING.md", or asks to extract copywriting patterns, tone, or messaging guidelines for the current project.
- ▌ Tanstack Start Architecture · dobroslavradosavljevic bundleEnforce portable TanStack Start app architecture: file-route trees, page folders with index.tsx, route colocation (-components/-hooks/-lib), reuse-gated src/modules, naming, and import boundaries. Use when scaffolding a Start app or feature, adding pages/layouts, reviewing or reorganizing route/module layout, or when the user asks for tanstack-start-architecture / Start house style. Optional with-* overlays for generated OpenAPI clients, Better Auth client, TanStack Query, route gates, TanStack Form, env, client authorization, UI package, Effect, and Vitest.