Develops Next.js 15 frontend UI components with TypeScript, Tailwind CSS, Zustand, and GSAP.
npx skills add https://github.com/KJ-devs/portfolio --skill frontend-dev-kj-devs
Please help me install this Agent Skill. Skill: frontend-dev Source: https://github.com/KJ-devs/portfolio/tree/main/.claude/skills/frontend-dev Command: npx skills add https://github.com/KJ-devs/portfolio --skill frontend-dev-kj-devs
This Skill provides expert assistance in developing the frontend UI for the Neural Portfolio project, focusing on Next.js, UI components, and seamless integration with a 3D scene.
'use client' directives.Use the frontend-dev skill to create a new 'InfoPanel' component that displays neuron details and animates in when isPanelOpen is true.
High-intent search queries and answers about installing and using this skill.
Build Next.js 15 App Router UI components overlaying a 3D scene by using explicit 'use client' directives, Tailwind CSS for styling, and Zustand for state management to coordinate interactive UI elements.
GSAP integrates with Zustand state by triggering animations based on state changes, such as sliding an InfoPanel into view when the Zustand store sets isPanelOpen to true, ensuring smooth UI transitions over 3D canvases.
Yes, you can use Tailwind CSS and Zustand for interactive elements in a Next.js portfolio to style reusable components and manage global state efficiently, particularly for UI overlays interacting with 3D scenes.
The best way to manage state for a Next.js UI overlay interacting with a 3D canvas is using Zustand for efficient global state management, allowing UI components to react to 3D scene events like selecting a neuron.
Yes, you need explicit client component declarations using 'use client' directives when developing Next.js 15 UI components that rely on interactivity, animations, or client-side state management like Zustand.
tlswhdghks42Provide Next.js 15 frontend guidelines covering React 19, TypeScript, App Router, shadcn/ui, and Tailwind CSS 4 for the YGS project.
brainbrewlabsPublishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.
MCERQUAEmbed interactive HTML onto named mesh objects in Three.js scenes.
Arupbiswas09Integrates Three.js and @react-three/fiber into React applications for declarative 3D graphics.