███████╗██╗ ██╗██╗██╗ ██╗ ██████╗ █████╗ ███╗ ██╗██╗ ██╗
██╔════╝██║ ██╔╝██║██║ ██║ ██╔══██╗██╔══██╗████╗ ██║██║ ██╔╝
███████╗█████╔╝ ██║██║ ██║ ██████╔╝███████║██╔██╗ ██║█████╔╝
╚════██║██╔═██╗ ██║██║ ██║ ██╔══██╗██╔══██║██║╚██╗██║██╔═██╗
███████║██║ ██╗██║███████╗███████╗ ██║ ██║██║ ██║██║ ╚████║██║ ██╗
╚══════╝╚═╝ ╚═╝╚═╝╚══════╝╚══════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝
Agent Skills 排行榜 · 关键词 + 语义搜索
| # | Skill | 仓库 | 描述 | 安装量 |
|---|---|---|---|---|
| 951 | framework-selection | langchain-ai/langchain-skills |
┌─────────────────────────────────────────┐ │ Deep Agents │ ← highest level: batteries included │ (planning, memory, skills, files) │ ├─────────────────────────────────────────┤ │ LangGraph │ ← orchestration: graphs, loops, state │ (nodes, edges, state, persistence) │ ├─────────────────────────────────────────┤ │ LangChain │ ← foundation: models, tools, chains │ (models, tools, prompts, RAG...
|
1.7K |
| 952 | speech-to-text | elevenlabs/skills |
ElevenLabs Speech-to-Text Transcribe audio to text with Scribe v2 - supports 90+ languages, speaker diarization, and word-level timestamps. Setup: See Installation Guide . For JavaScript, use @elevenlabs/* packages only. Quick Start Python from elevenlabs import ElevenLabs client = ElevenLabs ( ) with open ( "audio.mp3" , "rb" ) as audio_file : result = client . speech_to_text . convert ( file = audio_file , model_id = "scribe_v2" ) print ( result . text ) JavaScript import { ElevenLabsClient } ...
|
1.7K |
| 953 | threejs-materials | cloudai-x/threejs-skills |
Three.js Materials Quick Start import * as THREE from "three"; // PBR material (recommended for realistic rendering) const material = new THREE.MeshStandardMaterial({ color: 0x00ff00, roughness: 0.5, metalness: 0.5, }); const mesh = new THREE.Mesh(geometry, material); Material Types Overview Material Use Case Lighting MeshBasicMaterial Unlit, flat colors, wireframes No MeshLambertMaterial Matte surfaces, performance Yes (diffuse only) MeshPhongMaterial Shiny surfaces, specular highlight...
|
1.7K |
| 954 | ckm:brand | nextlevelbuilder/ui-ux-pro-max-skill |
Brand Brand identity, voice, messaging, asset management, and consistency frameworks. When to Use Brand voice definition and content tone guidance Visual identity standards and style guide development Messaging framework creation Brand consistency review and audit Asset organization, naming, and approval Color palette management and typography specs Quick Start Inject brand context into prompts: node scripts/inject-brand-context.cjs node scripts/inject-brand-context.cjs --json Validate an asset:...
|
1.7K |
| 955 | ckm:banner-design | nextlevelbuilder/ui-ux-pro-max-skill |
Banner Design - Multi-Format Creative Banner System Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production. When to Activate User requests banner, cover, or header design Social media cover/header creation Ad banner or display ad design Website hero section visual design Event/print banner design C...
|
1.7K |
| 956 | ckm:slides | nextlevelbuilder/ui-ux-pro-max-skill |
Slides Strategic HTML presentation design with data visualization. $ARGUMENTS When to Use Marketing presentations and pitch decks Data-driven slides with Chart.js Strategic slide design with layout patterns Copywriting-optimized presentation content Subcommands Subcommand Description Reference create Create strategic presentation slides references/create.md References (Knowledge Base) Topic File Layout Patterns references/layout-patterns.md HTML Template references/html-template.md Copywriting F...
|
1.6K |
| 957 | rivetkit-client-swiftui | rivet-dev/skills |
RivetKit SwiftUI Client Use this skill when building SwiftUI apps that connect to Rivet Actors with RivetKitSwiftUI. Version RivetKit version: 2.0.42-rc.1 Install Add the Swift package dependency and import RivetKitSwiftUI: // Package.swift dependencies: [ .package(url: "https://github.com/rivet-dev/rivetkit-swift", from: "2.0.0") ] targets: [ .target( name: "MyApp", dependencies: [ .product(name: "RivetKitSwiftUI", package: "rivetkit-swift") ] ...
|
1.6K |
| 958 | ui-ux-pro-max | sickn33/antigravity-awesome-skills |
UI/UX Pro Max - Design Intelligence Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. Searchable database with priority-based recommendations. When to Apply This Skill should be used when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control . Must Use This Skill m...
|
1.6K |
| 959 | ocr-document-processor | dkyazzentwatwa/chatgpt-skills |
OCR Document Processor Extract text from images, scanned PDFs, and photographs using Optical Character Recognition (OCR). Supports multiple languages, structured output formats, and intelligent document parsing. Core Capabilities Image OCR: Extract text from PNG, JPEG, TIFF, BMP images PDF OCR: Process scanned PDFs page by page Multi-language: Support for 100+ languages Structured Output: Plain text, Markdown, JSON, or HTML Table Detection: Extract tabular data to CSV/JSON Batch Processing: Pr...
|
1.6K |
| 960 | code-review-pro | onewave-ai/claude-skills |
Code Review Pro Deep code analysis covering security, performance, maintainability, and best practices. When to Use This Skill Activate when the user: Asks for a code review Wants security vulnerability scanning Needs performance analysis Asks to "review this code" or "audit this code" Mentions finding bugs or improvements Wants refactoring suggestions Requests best practice validation Instructions Security Analysis (Critical Priority) SQL injection vulnerabilities XSS (cross-site scriptin...
|
1.6K |
| 961 | rivetkit-client-swift | rivet-dev/skills |
RivetKit Swift Client Use this skill when building Swift clients that connect to Rivet Actors with RivetKitClient. Version RivetKit version: 2.0.42-rc.1 Install Add the Swift package dependency and import RivetKitClient: // Package.swift dependencies: [ .package(url: "https://github.com/rivet-dev/rivetkit-swift", from: "2.0.0") ] targets: [ .target( name: "MyApp", dependencies: [ .product(name: "RivetKitClient", package: "rivetkit-swift") ] ...
|
1.6K |
| 962 | trade | coinbase/agentic-wallet-skills |
Trading Tokens Use the npx awal@2.0.3 trade command to swap tokens on Base network via the CDP Swap API. You must be authenticated to trade. Confirm wallet is initialized and authed npx awal@2.0.3 status If the wallet is not authenticated, refer to the authenticate-wallet skill. Command Syntax npx awal@2.0.3 trade < amount > < from > < to > [ options ] Arguments Argument Description amount Amount to swap (see Amount Formats below) from Source token: alias (usdc, eth, weth) or contract address (0...
|
1.6K |
| 963 | hackernews | vm0-ai/vm0-skills |
Hacker News API Use the official Hacker News API via direct curl calls to fetch stories, comments, and user data . Official docs: https://github.com/HackerNews/API When to Use Use this skill when you need to: Fetch top/best/new stories from Hacker News Get story details including title, URL, score, comments Retrieve comments and discussion threads Look up user profiles and their submissions Monitor trending tech topics and discussions Prerequisites No API key required! The Hacker News API is com...
|
1.6K |
| 964 | stripe-best-practices | stripe/ai |
Latest Stripe API version: 2026-02-25.clover . Always use the latest API version and SDK unless the user specifies otherwise. Integration routing Building... Recommended API Details One-time payments Checkout Sessions references/payments.md Custom payment form with embedded UI Checkout Sessions + Payment Element references/payments.md Saving a payment method for later Setup Intents references/payments.md Connect platform or marketplace Accounts v2 ( /v2/core/accounts ) references/connect.md Subs...
|
1.6K |
| 965 | framer-motion-animator | patricio0312rev/skills |
Framer Motion Animator Build delightful animations and interactions with Framer Motion's declarative API. Core Workflow Identify animation needs: Entrance, exit, hover, gestures Choose animation type: Simple, variants, gestures, layout Define motion values: Opacity, scale, position, rotation Add transitions: Duration, easing, spring physics Orchestrate sequences: Stagger, delay, parent-child Optimize performance: GPU-accelerated properties Installation npm install framer-motion Basic Animatio...
|
1.6K |
| 966 | convex-schema-validator | waynesutton/convexskills |
Convex Schema Validator Define and validate database schemas in Convex with proper typing, index configuration, optional fields, unions, and strategies for schema migrations. Documentation Sources Before implementing, do not assume; fetch the latest documentation: Primary: https://docs.convex.dev/database/schemas Indexes: https://docs.convex.dev/database/indexes Data Types: https://docs.convex.dev/database/types For broader context: https://docs.convex.dev/llms.txt Instructions Basic Schema ...
|
1.6K |
| 967 | docs-writer | google-gemini/gemini-cli |
docs-writer skill instructions As an expert technical writer for the Gemini CLI project, your goal is to produce documentation that is accurate, clear, and consistent with the project's standards. You must adhere to the documentation contribution process outlined in CONTRIBUTING.md and the style guidelines from the Google Developer Documentation Style Guide. Step 1: Understand the goal and create a plan Clarify the request: Fully understand the user's documentation request. Identify the core f...
|
1.6K |
| 968 | code-simplifier | simonwong/agent-skills |
You are an expert code simplification specialist focused on enhancing code clarity, consistency, and maintainability while preserving exact functionality. Your expertise lies in applying project-specific best practices to simplify and improve code without altering its behavior. You prioritize readable, explicit code over overly compact solutions. This is a balance that you have mastered as a result your years as an expert software engineer. You will analyze recently modified code and apply refin...
|
1.6K |
| 969 | file-organizer | composiohq/awesome-claude-skills |
File Organizer This skill acts as your personal organization assistant, helping you maintain a clean, logical file structure across your computer without the mental overhead of constant manual organization. When to Use This Skill Your Downloads folder is a chaotic mess You can't find files because they're scattered everywhere You have duplicate files taking up space Your folder structure doesn't make sense anymore You want to establish better organization habits You're starting a new project and...
|
1.6K |
| 970 | service | railwayapp/railway-skills |
Service Management Check status, update properties, and advanced service creation. When to Use User asks about service status, health, or deployments User asks "is my service deployed?" User wants to rename a service or change service icon User wants to link a different service User wants to deploy a Docker image as a new service (advanced) Note: For creating services with local code (the common case), prefer the new skill which handles project setup, scaffolding, and service creation togethe...
|
1.6K |
| 971 | websocket-engineer | jeffallan/claude-skills |
WebSocket Engineer Senior WebSocket specialist with expertise in real-time bidirectional communication, Socket.IO, and scalable messaging architectures supporting millions of concurrent connections. Role Definition You are a senior real-time systems engineer with 10+ years building WebSocket infrastructure. You specialize in Socket.IO, native WebSockets, horizontal scaling with Redis pub/sub, and low-latency messaging systems. You design for sub-10ms p99 latency with 99.99% uptime. When to U...
|
1.6K |
| 972 | steel-browser | steel-dev/cli |
Steel Browser Skill Steel gives agents cloud browser sessions, explicit lifecycle control, and better anti-blocking options than ad-hoc local browser automation. It also provides fast API tools ( scrape , screenshot , pdf ) that are often more reliable for web data retrieval than generic fetch/search toolchains. Trigger rules Trigger aggressively when the user asks for: Website interaction (click/fill/login/multi-step navigation). Web extraction or collection from dynamic pages. Screenshot or PD...
|
1.6K |
| 973 | youtube-transcript | intellectronica/agent-skills |
YouTube Transcript Extract transcripts from YouTube videos using the youtube-transcript-api. Usage Run the script with a YouTube URL or video ID: uv run scripts/get_transcript.py "VIDEO_URL_OR_ID" With timestamps: uv run scripts/get_transcript.py "VIDEO_URL_OR_ID" --timestamps Defaults Without timestamps (default): Plain text, one line per caption segment With timestamps: [MM:SS] text format (or [HH:MM:SS] for longer videos) Supported URL Formats https://www.youtube.com/watch?v=VIDEO_ID ...
|
1.6K |
| 974 | threejs-postprocessing | cloudai-x/threejs-skills |
Three.js Post-Processing Quick Start import * as THREE from "three"; import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js"; import { RenderPass } from "three/addons/postprocessing/RenderPass.js"; import { UnrealBloomPass } from "three/addons/postprocessing/UnrealBloomPass.js"; // Setup composer const composer = new EffectComposer(renderer); // Render scene const renderPass = new RenderPass(scene, camera); composer.addPass(renderPass); // Add bloom const bloomPass = ne...
|
1.6K |
| 975 | github-trending | hoodini/ai-agents-skills |
GitHub Trending Data Access GitHub trending repositories and developers data. Important Note GitHub does NOT provide an official trending API. The trending page at github.com/trending must be scraped directly or use the GitHub Search API as an alternative. Approach 1: Direct Web Scraping (Recommended) Scrape github.com/trending directly using Cheerio: import * as cheerio from 'cheerio' ; interface TrendingRepo { owner : string ; name : string ; fullName : string ; url : string ; description : st...
|
1.6K |
| 976 | fluxa-agent-wallet | fluxa-agent-payment/fluxa-ai-wallet-mcp |
FluxA Agent Wallet FluxA Agent Wallet is a co-wallet that allows AI agents to securely use a user’s wallet, enabling them to perform payment-related actions within the user’s approved scope. Capabilities include x402 payments, USDC transfers, payment links for receiving payments, discovering and calling x402 resources (one-shot APIs), and using payment-
|
1.6K |
| 977 | x402 | coinbase/agentic-wallet-skills |
x402 Payment Protocol Use the npx awal@2.0.3 x402 commands to discover, inspect, and call paid API endpoints using the X402 payment protocol. Payments are made in USDC on Base. Workflow The typical x402 workflow is: Find a service - Search the bazaar or get details for a known endpoint Check requirements - Inspect price, method, and input schema Make the request - Call the endpoint with automatic USDC payment Commands Search the Bazaar Find paid services by keyword using BM25 relevance search: n...
|
1.5K |
| 978 | vue-development-guides | vuejs-ai/skills |
Vue.js Development Guides Tasks Checklist Followed the core principles Followed the defaults unless there is a good reason not to Followed the reactivity best practices Followed the component best practices Followed the Vue SFC best practices Kept components focused Split large components into smaller ones when needed Moved state/side effects into composables if applicable Followed data flow best practices Core Principles Keep state predictable: one source of truth, derive everything else. Make ...
|
1.5K |
| 979 | typescript-e2e-testing | bmad-labs/skills |
E2E Testing Skill E2E testing validates complete workflows from user perspective, using real infrastructure via Docker. Workflows For comprehensive step-by-step guidance, use the appropriate workflow: Workflow When to Use Setup E2E Test Setting up E2E infrastructure for a new or existing project Writing E2E Test Creating new E2E test cases with proper GWT pattern Review E2E Test Reviewing existing tests for quality and correctness Running E2E Test Executing tests with proper verification Deb...
|
1.5K |
| 980 | python-expert | shubhamsaboo/awesome-llm-apps |
Python Expert You are a senior Python developer with 10+ years of experience. Your role is to help write, review, and optimize Python code following industry best practices. When to Apply Use this skill when: Writing new Python code (scripts, functions, classes) Reviewing existing Python code for quality and performance Debugging Python issues and exceptions Implementing type hints and improving code documentation Choosing appropriate data structures and algorithms Following PEP 8 style guidelin...
|
1.5K |
| 981 | code-review-analysis | aj-geddes/useful-ai-prompts |
Code Review Analysis Overview Systematic code review process covering code quality, security, performance, maintainability, and best practices following industry standards. When to Use Reviewing pull requests and merge requests Analyzing code quality before merging Identifying security vulnerabilities Providing constructive feedback to developers Ensuring coding standards compliance Mentoring through code review Instructions 1. Initial Assessment Check the changes git diff main...feature-bran...
|
1.5K |
| 982 | payload | payloadcms/skills |
Payload Application Development Payload is a Next.js native CMS with TypeScript-first architecture, providing admin panel, database management, REST/GraphQL APIs, authentication, and file storage. Quick Reference Task Solution Details Auto-generate slugs slugField() FIELDS.mdslug-field-helper Restrict content by user Access control with query ACCESS-CONTROL.mdrow-level-security-with-complex-queries Local API user ops user + overrideAccess: false QUERIES.mdaccess-control-in-local-api Draft/publ...
|
1.5K |
| 983 | google-search-browser-use | grasseed/google-search-browser-use |
Google Search Browser Use Overview Run Google searches with browser-use (prefer real browser mode), open results, and extract the relevant snippets or page content. This skill leverages the user's existing browser session to reduce CAPTCHAs. Prerequisites Before running the search, ensure the environment is ready: Check Installation: Verify if browser-use is available in the current PATH. which browser-use Install if Missing: If not found, install it using pip. python3 -m pip install --u...
|
1.5K |
| 984 | threejs-lighting | cloudai-x/threejs-skills |
Three.js Lighting Quick Start import * as THREE from "three"; // Basic lighting setup const ambientLight = new THREE.AmbientLight(0xffffff, 0.5); scene.add(ambientLight); const directionalLight = new THREE.DirectionalLight(0xffffff, 1); directionalLight.position.set(5, 5, 5); scene.add(directionalLight); Light Types Overview Light Description Shadow Support Cost AmbientLight Uniform everywhere No Very Low HemisphereLight Sky/ground gradient No Very Low DirectionalLight Parallel rays (sun) Yes...
|
1.5K |
| 985 | n8n-node-configuration | czlonkowski/n8n-skills |
n8n Node Configuration Expert guidance for operation-aware node configuration with property dependencies. Configuration Philosophy Progressive disclosure: Start minimal, add complexity as needed Configuration best practices: get_node with detail: "standard" is the most used discovery pattern 56 seconds average between configuration edits Covers 95% of use cases with 1-2K tokens response Key insight: Most configurations need only standard detail, not full schema! Core Concepts 1. Operation...
|
1.5K |
| 986 | nano-banana-pro-prompts-recommend-skill | youmind-openlab/nano-banana-pro-prompts-recommend-skill |
Nano Banana Pro Prompts Recommendation You are an expert at recommending image generation prompts from the Nano Banana Pro prompt library (6000+ prompts). Quick Start User provides image generation need → You recommend matching prompts with sample images → User selects a prompt → (If content provided) Remix to create customized prompt. Two Usage Modes Direct Generation: User describes what image they want → Recommend prompts → Done Content Illustration: User provides content (article/video s...
|
1.5K |
| 987 | building-mcp-server-on-cloudflare | cloudflare/skills |
Building MCP Servers on Cloudflare Creates production-ready Model Context Protocol servers on Cloudflare Workers with tools, authentication, and deployment. When to Use User wants to build a remote MCP server User needs to expose tools via MCP User asks about MCP authentication or OAuth User wants to deploy MCP to Cloudflare Workers Prerequisites Cloudflare account with Workers enabled Node.js 18+ and npm/pnpm/yarn Wrangler CLI (npm install -g wrangler) Quick Start Option 1: Public Server (No ...
|
1.5K |
| 988 | java-architect | jeffallan/claude-skills |
Java Architect Senior Java architect with deep expertise in enterprise-grade Spring Boot applications, microservices architecture, and cloud-native development. Role Definition You are a senior Java architect with 15+ years of enterprise Java experience. You specialize in Spring Boot 3.x, Java 21 LTS, reactive programming with Project Reactor, and building scalable microservices. You apply Clean Architecture, SOLID principles, and production-ready patterns. When to Use This Skill Building Sp...
|
1.5K |
| 989 | code-reviewer | shubhamsaboo/awesome-llm-apps |
Code Reviewer This skill guides the agent in conducting professional and thorough code reviews for both local development and remote Pull Requests. Workflow 1. Determine Review Target Remote PR : If the user provides a PR number or URL (e.g., "Review PR 123"), target that remote PR. Local Changes : If no specific PR is mentioned, or if the user asks to "review my changes", target the current local file system states (staged and unstaged changes). 2. Preparation For Remote PRs: Checkout : Use the...
|
1.5K |
| 990 | central-station | railwayapp/railway-skills |
Central Station Search and browse Railway's Central Station - the community support platform for threads, discussions, and documentation. API Endpoints Endpoint URL GraphQL https://station-server.railway.com/gql Thread Markdown https://station-server.railway.com/api/threads/:slug LLM Data Export https://station-server.railway.com/api/llms-station Frontend https://station.railway.com When to Use User wants to search Central Station threads or docs User asks about community discussions or suppor...
|
1.5K |
| 991 | opentui | msmps/opentui-skill |
OpenTUI Platform Skill Consolidated skill for building terminal user interfaces with OpenTUI. Use decision trees below to find the right framework and components, then load detailed references. Critical Rules Follow these rules in all OpenTUI code: Use create-tui for new projects. See framework README.md quick starts. create-tui options must come before arguments. bunx create-tui -t react my-app works, bunx create-tui my-app -t react does NOT. Never call process.exit() directly. Use renderer...
|
1.5K |
| 992 | convex-realtime | waynesutton/convexskills |
Convex Realtime Build reactive applications with Convex's real-time subscriptions, optimistic updates, intelligent caching, and cursor-based pagination. Documentation Sources Before implementing, do not assume; fetch the latest documentation: Primary: https://docs.convex.dev/client/react Optimistic Updates: https://docs.convex.dev/client/react/optimistic-updates Pagination: https://docs.convex.dev/database/pagination For broader context: https://docs.convex.dev/llms.txt Instructions How Conv...
|
1.5K |
| 993 | frontend-design | jwynia/agent-skills |
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints. Design Thinking Before coding, understand the context and commit to a BOLD aesthetic direction: Purpose :...
|
1.5K |
| 994 | keyword-research | aaron-he-zhu/seo-geo-claude-skills |
Keyword Research This skill helps you discover, analyze, and prioritize keywords for SEO and GEO content strategies. It identifies high-value opportunities based on search volume, competition, intent, and business relevance. When to Use This Skill Starting a new content strategy or campaign Expanding into new topics or markets Finding keywords for a specific product or service Identifying long-tail keyword opportunities Understanding search intent for your industry Planning content calendars R...
|
1.5K |
| 995 | data-analyst | shubhamsaboo/awesome-llm-apps |
Data Analyst You are an expert data analyst with expertise in SQL, Python (pandas), and statistical analysis. When to Apply Use this skill when: Writing SQL queries for data extraction Analyzing datasets with pandas Performing statistical analysis Creating data transformations Identifying data patterns and insights Data cleaning and preparation Core Competencies SQL Complex queries with JOINs, subqueries, CTEs Window functions and aggregations Query optimization Database design understanding pan...
|
1.5K |
| 996 | pay-for-service | coinbase/agentic-wallet-skills |
Making Paid x402 Requests Use the npx awal@2.0.3 x402 pay command to call paid API endpoints with automatic USDC payment on Base. Confirm wallet is initialized and authed npx awal@2.0.3 status If the wallet is not authenticated, refer to the authenticate-wallet skill. Command Syntax npx awal@2.0.3 x402 pay < url > [ -X < method > ] [ -d < json > ] [ -q < params > ] [ -h < json > ] [ --max-amount < n > ] [ --json ] Options Option Description -X, --method <method> HTTP method (default: GET) -d, --...
|
1.5K |
| 997 | status | railwayapp/railway-skills |
Railway Status Check the current Railway project status for this directory. When to Use User asks about Railway status, project, services, or deployments User mentions deploying or pushing to Railway Before any Railway operation (deploy, update service, add variables) User asks about environments or domains When NOT to Use Use the environment skill instead when user wants: Detailed service configuration (builder type, dockerfile path, build command, root directory) Deploy config (start command, ...
|
1.5K |
| 998 | write-a-prd | mattpocock/skills |
This skill will be invoked when the user wants to create a PRD. You should go through the steps below. You may skip steps if you don't consider them necessary. Ask the user for a long, detailed description of the problem they want to solve and any potential ideas for solutions. Explore the repo to verify their assertions and understand the current state of the codebase. Ask whether they have considered other options, and present other options to them. Interview the user about the implementation....
|
1.5K |
| 999 | threejs-textures | cloudai-x/threejs-skills |
Three.js Textures Quick Start import * as THREE from "three"; // Load texture const loader = new THREE.TextureLoader(); const texture = loader.load("texture.jpg"); // Apply to material const material = new THREE.MeshStandardMaterial({ map: texture, }); Texture Loading Basic Loading const loader = new THREE.TextureLoader(); // Async with callbacks loader.load( "texture.jpg", (texture) => console.log("Loaded"), (progress) => console.log("Progress"), (error) => console.error("Error"),...
|
1.5K |
| 1000 | threejs-loaders | cloudai-x/threejs-skills |
Three.js Loaders Quick Start import * as THREE from "three"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; // Load GLTF model const loader = new GLTFLoader(); loader.load("model.glb", (gltf) => { scene.add(gltf.scene); }); // Load texture const textureLoader = new THREE.TextureLoader(); const texture = textureLoader.load("texture.jpg"); LoadingManager Coordinate multiple loaders and track progress. const manager = new THREE.LoadingManager(); // Callbacks manager.onStar...
|
1.5K |