cloudinary
Cloudinary Skill (optional)
Guardrails
- Never commit Cloudinary secrets.
- Keep signed uploads and secret-based operations server-side.
When to use
- Implementing admin media upload, image optimization, transformations, or CDN delivery.
Workflow checklist
- Confirm dependency/SDK choice and ask before adding dependencies.
- Decide upload strategy: signed uploads (recommended) vs unsigned presets (careful).
- Store only what you need in DB (e.g.,
public_id,resource_type,format,width/height,secure_url). - Apply transformations via URLs; keep defaults consistent with the design system.
- Add basic validation (file type/size) and abuse protection (rate limiting where applicable).
More from huynhsang2005/blog-tanstack
framer-motion
Create smooth, performant animations with framer-motion. Use when building page transitions, component animations, or gesture-based interactions.
18tanstack-form
Use TanStack Form for complex forms with Zod validation. Use when building non-trivial forms or admin editors.
10frontend-ui-ux
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
9tanstack-table
Use TanStack Table for complex admin grids and data tables. Use when you need sorting/filtering/pagination/column defs beyond a simple list.
8tanstack-start
Build features in TanStack Start (server/client boundaries, server functions, SSR-friendly data loading). Use when creating routes, server functions, or anything involving SSR/hydration/caching.
7tanstack-router
Work effectively with TanStack Router file-based routing in this repo. Use when adding/changing routes, loaders, route params/search params, or navigation.
6