Nalin Dalal
Community@nalindalal · Bhopal
I like to build stuff
Agent Skills by Nalin Dalal
Showing 93 vetted skills indexed across 2 GitHub repositories.
ask-tanstack-table
Implements TanStack Table v8 data tables with sorting, filtering, pagination, and virtualization.
pick-ui-library
Recommends curated frontend libraries for UI tasks like toasts, charts, and drag and drop.
gsap-nextjs
Implements GSAP page transitions and component animation lifecycles in Next.js App Router applications.
ask-drawer
Implements mobile drawers and bottom sheets with Vaul, snap points, and swipe gestures.
frontend-craftsmanship
Enforces product-first design standards for building polished frontend interfaces.
animaxxing
Build reusable GSAP text and particle effects that preserve an existing site's design.
ui
Orchestrates UI design direction, system tokens, screen building, audits, and verification for frontend work.
ask-form
Implements forms with React Hook Form, Zod validation, and server actions.
style-animaxxing
Applies the Animaxxing monochrome editorial design system with tokens, typography, and motion art direction.
ui-theme-picker
Generates Tailwind design tokens and theme options for frontend interfaces from style family references.
impeccable
Design, audit, and refine frontend interfaces through structured UX commands and quality checks.
vitepress-docs
Implements a warm parchment VitePress documentation design system with tokens, components, and layouts.
gsap-plugins
Implements GSAP plugin registration and usage for scroll, drag, text, SVG, and physics animations.
gsap-timeline
Sequences and choreographs multi-step GSAP animations using timelines, labels, and the position parameter.
gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
gsap-performance
Optimizes GSAP animations for smooth 60fps using transforms, will-change, and batching.
gsap-core
Implements GSAP core tweens, eases, staggers, and matchMedia for DOM and SVG animation.
gsap-sveltekit
Implements GSAP page transitions and component animation lifecycles in SvelteKit with Svelte 5.
product-messaging
Generates landing page copy from ICP, problem, outcome, and differentiation inputs.
ask-motion
Implements UI animations with motion.dev springs, layout transitions, gestures, and scroll effects.
gsap-utils
Implements GSAP utility methods for clamping, mapping, snapping, and transforming animation values.
ui-engineering
Orchestrates end-to-end frontend UI construction through phased design, component, motion, and verification workflows.
motion
Names, decides, builds, and reviews UI animations using CSS springs and micro-interactions.
prototype
Builds multiple divergent UI variants rendered behind a visual picker for live comparison.
Frequently Asked Questions About Nalin Dalal
FAQPage SchemaWhat tasks can I accomplish using Nalin Dalal's skills?▼
You can build and audit frontend interfaces, implement GSAP animations across frameworks, pick curated UI libraries for tables, forms, drawers, and toasts, generate design tokens and typography systems, write landing page copy, plan product launches, and deploy repositories to AWS EC2 or VPS.
Who are these skills designed for?▼
Frontend engineers, product designers, indie hackers, and startup founders. The manifest targets developers building React, Next.js, SvelteKit, Nuxt, or Astro interfaces who want premium, non-generic UI output, plus founders needing pricing, launch, customer research, and freelancing playbooks.
How do the UI engineering skills work together in practice?▼
The ui-engineering orchestrator loads pattern guides like ask-table or ask-modal, which invoke pick-ui-library to recommend concrete libraries such as TanStack Table, cmdk, Vaul, or Sonner, then load matching implementation guides. house-style enforces code and visual conventions throughout.
Are these skills open source and what do they cost?▼
The GSAP framework skills and animaxxing carry MIT licenses, while impeccable uses Apache 2.0. All skills are free to use; they are markdown-based skill definitions loaded into coding sessions with no runtime fees or subscriptions required.
What prerequisites or dependencies do these skills require?▼
Skills assume a modern frontend stack: React, Next.js App Router, SvelteKit, Nuxt, or Astro, plus Tailwind for theme tokens. Library guides require their packages such as GSAP, TanStack Table v8, react-hook-form with Zod, Virtuoso, cmdk, Vaul, or Sonner installed in the project.