Community코딩 & 개발github.com

sickn33/3d-web-experience

웹을 위한 3D 경험 구축 전문가 - Three.js, React Three Fiber, Spline, WebGL 및 인터랙티브 3D 장면을 다룹니다. 제품 컨피규레이터, 3D 포트폴리오, 몰입형 웹사이트, 웹 경험에 깊이를 더하는 방법을 포함합니다.

3d-web-experience란 무엇인가요?

이 스킬은 웹 기반 3D 경험 구축에 특화된 AI 에이전트 스킬입니다. Three.js, React Three Fiber, Spline, WebGL과 같은 최신 웹 3D 기술을 활용하여 인터랙티브 3D 장면, 제품 컨피규레이터, 3D 포트폴리오, 몰입형 웹사이트를 제작하는 방법을 안내합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트 환경에서 사용되며, 사용자가 3D 웹 경험을 구현할 때 필요한 기술적 조언과 코드 생성을 제공합니다. 이 스킬은 웹 개발자, 디자이너, 크리에이티브 기술 전문가가 복잡한 3D 인터랙션 없이도 빠르게 3D 웹 프로젝트를 시작하고 완성할 수 있도록 도와줍니다. AI 에이전트는 이 스킬을 통해 Three.js 장면 설정, 반응형 3D UI, 성능 최적화, 사용자 상호작용 구현 등을 단계별로 지원하며, 개발 생산성을 크게 향상시킵니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/3d-web-experience

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

3d-web-experience은(는) 무엇을 하나요?

웹을 위한 3D 경험 구축 전문가 - Three.js, React Three Fiber, Spline, WebGL 및 인터랙티브 3D 장면을 다룹니다. 제품 컨피규레이터, 3D 포트폴리오, 몰입형 웹사이트, 웹 경험에 깊이를 더하는 방법을 포함합니다.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

sickn33/agent-memory-mcp

A hybrid memory system that provides persistent, searchable knowledge management for AI agents (Architecture, Patterns, Decisions).

sickn33/agent-memory-systems

Memory is the cornerstone of intelligent agents. Without it, every interaction starts from zero. This skill covers the architecture of agent memory: short-term (context window), long-term (vector stores), and the cognitive architectures that organize them.

sickn33/ai-agents-architect

Expert in designing and building autonomous AI agents. Masters tool use, memory systems, planning strategies, and multi-agent orchestration.

sickn33/api-documentation-generator

Generate comprehensive, developer-friendly API documentation from code, including endpoints, parameters, examples, and best practices

sickn33/api-patterns

API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.

sickn33/api-security-best-practices

Implement secure API design patterns including authentication, authorization, input validation, rate limiting, and protection against common API vulnerabilities

sickn33/app-store-optimization

Complete App Store Optimization (ASO) toolkit for researching, optimizing, and tracking mobile app performance on Apple App Store and Google Play Store

sickn33/architecture

Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation. Use when making architecture decisions or analyzing system design.

sickn33/audio-transcriber

Transform audio recordings into professional Markdown documentation with intelligent summaries using LLM integration

sickn33/aws-serverless

Specialized skill for building production-ready serverless applications on AWS. Covers Lambda functions, API Gateway, DynamoDB, SQS/SNS event-driven patterns, SAM/CDK deployment, and cold start optimization.

sickn33/backend-architect

Expert backend architect specializing in scalable API design, microservices architecture, and distributed systems.

sickn33/backend-dev-guidelines

You are a senior backend engineer operating production-grade services under strict architectural and reliability constraints. Use when routes, controllers, services, repositories, express middleware, or prisma database access.

sickn33/bash-linux

Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting. Use when working on macOS or Linux systems.

sickn33/bash-scripting

Bash scripting workflow for creating production-ready shell scripts with defensive patterns, error handling, and testing.

sickn33/brainstorming

Use before creative or constructive work (features, architecture, behavior). Transforms vague ideas into validated designs through disciplined reasoning and collaboration.

sickn33/browser-automation

Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to understanding selectors, waiting strategies, and anti-detection patterns.

sickn33/browser-extension-builder

Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing.

sickn33/bullmq-specialist

BullMQ expert for Redis-backed job queues, background processing, and reliable async execution in Node.js/TypeScript applications.

sickn33/bun-development

Fast, modern JavaScript/TypeScript development with the Bun runtime, inspired by [oven-sh/bun](https://github.com/oven-sh/bun).

sickn33/cc-skill-security-review

This skill ensures all code follows security best practices and identifies potential vulnerabilities. Use when implementing authentication or authorization, handling user input or file uploads, or creating new API endpoints.

관련 스킬