Frontend skills

This skill helps you manage three.js asset loading with loaders, progress tracking, and best practices for textures, models, and HDR environments.

This skill helps you implement and optimize Three.js animations, including keyframes, skeletons, morph targets, and blending for responsive 3D motion.

This skill helps you set up and optimize Three.js scenes, cameras, renderers, and object hierarchies for accurate 3D transforms.

This skill helps you implement and optimize Three.js lighting, shadows, and environment lighting to improve realism and performance.

This skill helps you create and customize 3D shapes in Three.js with built-in geometries, custom buffers, and efficient instancing for scalable scenes.

This skill enables you to implement Three.js post-processing with EffectComposer, bloom, DOF, color grading, and screen-space shaders for enhanced visuals.

This skill runs multiple isolated dev-server sandboxes by provisioning temporary MUX_ROOTs and free ports to speed parallel development.

This skill helps you decide when to use useEffect in React components, reducing unnecessary effects and guiding proper data fetching and subscriptions.

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

This skill helps optimize animation performance by applying motion guidelines to CSS, WAAPI, and scroll-linked effects across the UI.

This skill helps you fix accessibility issues in UI by applying targeted, minimal changes that improve usability and compliance.

This skill enables browser automation via HTTP API to navigate pages, interact with elements, extract data, and run batch actions for faster tasks.

This skill guides you on when to use React useEffect, optimize data fetching, and apply alternatives for derived state and events.

This skill helps you create data-driven charts with Vega-Lite and Vega, enabling clear visual insights from numeric data arrays.

This skill helps you generate and validate mermaid diagrams for flowcharts, sequences, and mind maps to document processes and architectures.

This skill guides migrating error handling to a typed Result-based approach, converting try/catch to Result.try and applying railway-oriented patterns.

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

This skill helps you diagnose and fix DOM race conditions and optimistic UI in vanilla JavaScript across Live2D and VRM components, improving reliability.

This skill helps you detect and fix hardcoded Chinese text and synchronize translations across languages in i18n projects.

This skill analyzes project context from uploaded files and generates enhanced, implementation-ready prompts for development tasks.

This skill helps you create high-converting landing pages with Next.js 14+, TypeScript, Tailwind, and ShadCN UI following 11 essential elements.