PromptsEdge
Agent Skills

Skills for AI agents

Find the right capability for your agent. Browse by category, explore skills, or search what you want to accomplish.

New to skills? Learn how they work

Results for “three.js”

23 skills
Publish a skill

Remotion Video Creation Skill

Turn your AI into a Remotion expert for building videos in React with animations, audio, captions, and charts. It covers domain-specific rules for 3D, transitions, frame extraction, fonts, and metadata management.

Free GitHubCodingremotion

Next.js Dev Bundler Skill

Your AI explains Next.js 16+ development using Turbopack for faster incremental bundling and file-system caching. It guides when to use Turbopack or fallback to webpack and how to analyze bundles for performance.

Free GitHubOther

Convert UI to Vue 3 Skill

Turn batches of UI screenshots or design exports into Vue 3 components. It organizes pages and modules, maps elements to Vant, Element Plus, or Ant Design Vue, and wires up routing automatically.

Free GitHubDesign

Web Artifacts Builder Skill

Build complex claude.ai HTML artifacts with React, Tailwind CSS, and shadcn/ui components. This skill guides you through project setup, development, and bundling for artifacts needing state, routing, or rich UI elements.

Free GitHubCodingScripts

Advanced React Motion Skill

Your AI creates complex React or Next.js animations like drag & drop, gestures, text effects, and SVG path drawing. It uses custom hooks, imperative sequences, and physics-based motion patterns requiring motion-foundations.

Free GitHubCodingmotion

React Motion Foundations Skill

Your AI sets up motion tokens, spring presets, reduced-motion support, and SSR-safe animation for React or Next.js. It establishes the base layer all other motion patterns rely on with accessibility and performance rules.

Free GitHubCodingmotion

React & Next.js Performance Skill

Your AI diagnoses and improves React/Next.js performance issues like slow loads, re-renders, and bundle size. It organizes 70+ rules for waterfalls, server/client fetching, rendering, and advanced optimizations.

Free GitHubCoding

Vue 3 and Nuxt Patterns Skill

Get guidance on Vue 3 Composition API, Pinia state management, Vue Router, and Nuxt SSR patterns. It covers component design, reactivity, routing, testing, and project structure best practices.

Free GitHubCoding

React Motion Patterns Skill

Your AI applies ready-made animation patterns for React or Next.js UI elements like buttons, modals, toasts, and page transitions. It uses motion-foundations tokens and springs for accessible, SSR-safe animations with exit behavior.

Free GitHubCodingmotion

React and Next.js Patterns Skill

Your AI applies modern frontend patterns for React and Next.js components, state management, data fetching, and performance. It supports composition, memoization, routing, forms, and accessible responsive UI best practices.

Free GitHubCoding

React 18/19 Patterns Skill

Your AI writes and reviews React 18/19 components with hooks, server/client boundaries, Suspense, forms, and accessibility. It guides state management, data fetching, and idiomatic component composition.

Free GitHubCoding

Build Accessible React UIs Skill

Your AI ensures React and Next.js components meet accessibility standards for forms, keyboard navigation, and screen readers. It fixes common issues like missing labels, ARIA misuse, and focus management for interactive elements.

Free GitHubCoding

NestJS Backend Patterns Skill

Your AI structures and reviews NestJS backends with modules, controllers, providers, and DTO validation. It supports guards, interceptors, environment config, and testing for production-grade TypeScript APIs and services.

Free GitHubCoding

Create Algorithmic Art Skill

Your AI creates original generative art based on algorithmic philosophies using p5.js with seeded randomness and interactive parameters. It outputs philosophy documents plus interactive HTML and JS files for exploration.

Free GitHubCodingScripts

Visual Plan Review Skill

Your AI opens plans and HTML artifacts in a local browser canvas for human annotation, chat, and approval without leaving the page. It manages a local server and returns structured feedback as JSON from user interactions with local markdown or HTML files.

Free GitHubDesign

Everything Claude Code Skill

Follow established JavaScript conventions and commit styles for the everything-claude-code project. The AI guides you on module structure, testing locations, and conventional commit messages for consistent development.

Free GitHubCoding

Live Documentation Lookup Skill

Get up-to-date library and framework docs from Context7 MCP instead of training data. It fetches current API references, setup instructions, and code examples for frameworks like React, Next.js, Prisma, and more.

Free GitHubCoding

React Component Testing Skill

Your AI writes and fixes React tests using React Testing Library, Vitest/Jest, and MSW for mocks. It guides accessibility assertions and test scope decisions between component and end-to-end tests.

Free GitHubCoding

Angular Developer Skill

Your AI generates Angular code and guides architecture for projects, components, and services. It handles reactivity with signals, forms, routing, accessibility, styling, animations, testing, and Angular CLI tooling.

Free GitHubCoding

Use Bun JavaScript Runtime Skill

Your AI helps adopt Bun for JavaScript projects, combining runtime, package manager, bundler, and test runner. It guides migration from Node and configures Bun for fast installs, builds, and Vercel deployments.

Free GitHubCoding

Build MCP Servers Skill

Your AI builds and debugs MCP servers with Node/TypeScript SDK, handling tools, resources, prompts, validation, and transport choice. It supports stdio for local clients and Streamable HTTP for remote connections using current MCP APIs.

Free GitHubAutomation

Set Frontend Design Direction Skill

Your AI guides UI design to make web apps and dashboards feel polished and purposeful. It defines purpose, audience, tone, and memorable details to improve visual hierarchy, typography, color, and interaction choices.

Free GitHubDesign

Ethereum Keccak-256 Hashing Skill

Your AI prevents Ethereum hashing bugs by using the correct Keccak-256 algorithm instead of Node's NIST SHA3 variant. It supports ethers, viem, and web3.js libraries for accurate selectors, signatures, storage slots, and address derivation.

Free GitHubCoding