3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
10,959 results
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D…
Use when building or modifying LottieFiles Creator Plugin UIs with @lottiefiles/creator-plugins-ui. Covers React components, Tailwind CSS setup, theming, dark…
Build production-grade frontend UI that does not look AI-made or borrowed: identity from the client's world, references, tokens, interaction, a11y/SEO, slop…
Core Web Vitals discipline for agent-built pages: LCP, CLS, INP budgets, font loading that doesn't shift layout, images that don't bloat, CSS/JS that doesn't…
Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible…
shadcn/ui-style components for React Native with NativeWind v4, RN Primitives, and CLI scaffolding. Use when building Expo apps with copy-paste UI components,…
Convert Markdown documents into clean HTML suitable for publishing.
Vercel engineering best practices for React/Next.js performance and architecture.
Use when consolidating, deduping, or reducing the number of CSS custom properties / Tailwind v4 design tokens in a globals.css file. Triggers on requests like…
Long-term technology stack review using State of JS, State of CSS, and Thoughtworks Technology Radar — satisfaction×usage matrix, ADOPT/TRIAL/ASSESS/HOLD…
Comprehensive guide for creating Telegram Mini Apps with React using @tma.js/sdk-react. Covers SDK initialization, component mounting, signals, theming, back…
Use when adding svelte-meta-tags, or SEO / meta tag / Open Graph (OGP) / social preview support, to a Svelte/SvelteKit project for the first time.
Best practices for Remotion - Video creation in React
World-class frontend engineering - React philosophy, performance, accessibility, and production-grade interfacesUse when "frontend, react, vue, svelte,…
Expert in using v0.dev for AI-powered UI generation. Covers prompting strategies, component iteration, shadcn/ui integration, export workflows, and…
Use when building ReactJS web authentication with Ping Identity — scaffolds a complete React SPA authentication flow using the Ping Orchestration JavaScript…
Learn how to build a rich text editor using a Lit web component, complete with a toolbar for formatting text, links, and styles.
Help developers use FineUI's Grid component, covering F.js (JavaScript), Pro (WebForms), FineUI.Core's MVC / RazorForms / RazorPages, and FineUI.Java (Spring Boot + Thymeleaf dialect tags).…
Help developers use FineUI's layout system—how a container's `Layout` property arranges child controls: Fit / Region (top, bottom, left, right, center) / HBox·VBox (flexbox) / Block (responsive grid) / Column / Anchor, as well as viewport adaptation (IsViewPort /…
Set or switch FineUI's existing built-in themes and custom themes, handling global configuration, PageManager overrides, and Cookie preferences. Covers the three modes F.js, Pro, and Core as well as Java. New theme, brand color scheme, and theme.config generation tasks use fineui-custom-theme.
Upgrade an existing FineUI project to a higher major version (**v10 and above only**), identify breaking changes, generate a migration checklist, and apply it item by item. Applies to F.js (JavaScript), Pro (WebForms), and FineUI.Core's MVC / RazorForms / RazorPages. (FineUI.Java first release is…
Help developers use FineUI's windows and message boxes: Window (inline content / iframe popup), opening/closing windows, iframe child page passing data back to the parent page (closeArgument), and MessageBox (Alert dialog / Confirm confirmation box / Notify notification box). Covers…
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D…
Senior-level Vue 3 + Naive UI + Feature-Sliced Design with TypeScript, Clean Code & SOLID principles