prathmeshgupta
- 5 skills
- 0 followers
- 5 hours ago last updated
- ▌ Rare UI · prathmeshgupta bundleUse when the user wants a rare, distinctive, animated UI component in a React/Next + Tailwind + Motion codebase — sidebars, drawers, pickers, orbs, counters, nav, reveals, OTP inputs, activity graphs. A shadcn registry of ready-to-drop components that honour prefers-reduced-motion; you own the code, no runtime dependency.
- ▌ Archify Review · prathmeshguptaReview Archify issues, PRs, or code through value, cost, and impact to support evidence-based maintenance decisions. Use for issue triage, change reviews, and code quality assessments.
- ▌ Design Md Library · prathmeshgupta bundleUse when building or restyling a UI to match a known brand's visual design language (Apple, Linear, Notion, Stripe, Vercel, Airbnb, Figma, Framer, and ~70 more). A library of DESIGN.md files, one per brand, capturing each system's tokens, type, colour, spacing and motion rules.
- ▌ Impeccable · prathmeshgupta bundleUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
- ▌ Frontend Performance Checklist · prathmeshgupta bundleUse when auditing or improving front-end performance — HTML/CSS/font/image/JS delivery, Core Web Vitals, page weight, render-blocking, caching, lazy-loading. A prioritised checklist (low/medium/high) with the why and the fix for each item.