GSAP 플러그인으로 글자와 SVG 애니메이션, 드래그, 스크롤, 레이아웃 전환을 구현합니다. 용도에 맞는 기능 선택부터 등록, 설정, 정리까지 다룹니다.
- 제목을 한 글자나 한 줄씩 표시
- SVG 선 그리기와 도형 변형 추가
- 관성이 있는 드래그 구현
197건 · 관련도순
GSAP 플러그인으로 글자와 SVG 애니메이션, 드래그, 스크롤, 레이아웃 전환을 구현합니다. 용도에 맞는 기능 선택부터 등록, 설정, 정리까지 다룹니다.
Analyze recorded GPU frames from RenderDoc through command-line tools. Inspect drawing operations, textures, and shaders, compare rendering settings between events or captures, and export images and inspection bundles for reviewing graphics problems.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create and edit FreeCAD models using commands for dimension-controlled sketches, solid parts, assemblies, and technical drawings. Check geometry through previews, measure models, and export files for CAD exchange, 3D printing, or documentation.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Manage LinkedIn connection requests and follows with the Curviate CLI. Review pending invitations, preview actions, withdraw requests, and list connections or followers, with guidance on duplicate requests and delays before invitations appear.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Refine a working feature through browser feedback from the user. Collect observations through typed comments or live speech and drawing, apply focused usability fixes, and save the changes in local commits.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Turn a rough invention idea into a structured disclosure for patent preparation. Organize the technical problem, mechanism, and benefits, distinguish essential and optional features, and plan claims—the scope of protection sought—and supporting drawings.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Build and review GSAP effects for text, SVG graphics, scrolling, dragging, and layout changes. The skill explains which plugins, or extensions, fit each task, how to register them, and how to configure and clean them up.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create Mermaid diagrams from code relationships parsed by Trailmark. Visualize function calls, class inheritance, module dependencies, class members, complexity hotspots, and paths from inputs to sensitive functions, with adjustable focus, depth, and layout.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 32 styles, with composed scores. Matches a reference style, keeps characters consistent, teaches drawing. Deterministic, no generated assets.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with many small precise solid parts, four-tone shading, correct painter's order, a framed card with title, hint and live readout, and calm eased motion. Use this whenever someone wants an isometric illustration, an explanatory diagram or figure for docs, a blog post, a landing page or an article, a "Linear-style" or "premium" technical drawing, an interactive explainer, or an SVG that shows how a system, algorithm or component works, even if they never say "isometric". Works framework-free (TypeScript/JS that writes SVG and HTML) and in React/Next.js, and can add realistic WebGL shaders (fire, exhaust, water, caustics, lamp light) that live inside the drawing in the same isometric perspective.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract countable FF&E or luminaire instances from supplied drawings with position-level evidence. Use for plan quantities or symbol counts; not area takeoffs, product specs or cross-source reconciliation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Analyze construction drawings to extract dimensions, annotations, symbols, and metadata. Support quantity takeoff and design review automation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Draw 2D graphics with the HTML5 Canvas API — shapes, text, images, gradients, transformations, pixel manipulation, and offscreen rendering. Use when tasks involve generating images server-side (with node-canvas), creating charts, image compositing, watermarking, or browser-based drawing applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create 2D art and animation in Blender using Grease Pencil and Python. Use when the user wants to draw strokes programmatically, create 2D animations, build Grease Pencil objects from code, manage GP layers and frames, apply GP modifiers, set up drawing guides, or script any Grease Pencil workflow in Blender.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Draws images, PDF/SVG vector files and animation frames with pycairo, and supplies what cairo lacks: shaped text for Arabic, Indic and other scripts, text along curves, blur/glow/drop shadows, path booleans, stroke-to-outline, and Gouraud-shaded 3D. Use when writing pycairo or cairo drawing code, generative art, custom diagrams or posters rendered in Python, or when cairo output needs non-Latin text, soft effects, merged shapes or shaded surfaces.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generates engineering-standard drawings (P&ID, SLD, floor plans, isometric) with ISA-5.1 and IEEE symbol libraries in SVG/DXF format. Activates for drawing generation, diagram creation, blueprint packaging, and output formatting from verified engineering calculations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Expert-level CAD design covering parametric modeling, assembly design, drawing creation, FEA simulation, design for manufacturing, and PLM workflows.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Checks an extracted PFD register as a process model and returns findings and unknowns only: connectivity closure, stream numbering, presence of design conditions, equipment duty text, phase and service labels, package and off-sheet scope, boundaries, operating cases, and agreement between the drawing and attached process documents, then holds at gate G2. Creates no design values. Use when the user asks to "check the process model", "verify connectivity" or "is the PFD ready for enrichment" after gate G1 and before enrichment. Do not use for extraction from the drawing, use pfd-intake-and-extraction instead; do not use to propose lines or instruments, use piping-enrichment. Drafts for human review; never approves, authorises or signs off.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
SVG morph and drawing: production-level morphTo, createDrawable and createMotionPath. Use when implementing, reviewing or testing svg morph and drawing for React, Vite, Next.js or Perfect_AI projects.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Add Apple Pencil drawing, canvas views, tool pickers, and ink serialization using PencilKit. Use when building drawing apps, annotation features, handwriting capture, signature fields, or any Apple Pencil-powered experience on iOS/iPadOS/visionOS.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
KiCad 10.0 (オープンソース EDA スイート) リファレンス。 Project Manager、Schematic Editor (Eeschema)、PCB Editor (PCBnew)、 Gerber Viewer (GerbView)、Drawing Sheet Editor (pl_editor)、 PCB Calculator、Command-Line Interface (kicad-cli)。 回路図設計、基板設計、ガーバー出力、フットプリント、シンボル、3D ビューア。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
개념, 업무 흐름, 소프트웨어와 클라우드 구성을 도표로 정리합니다. 브라우저에서 여는 SVG 포함 HTML이나 편집 가능한 Excalidraw 파일로 저장합니다.
SAM으로 이미지 속 대상을 점이나 사각형으로 지정해 오려낼 영역을 추출합니다. 자동 마스크 생성, 경계 수정, 학습 데이터 준비와 브라우저 및 장치 배포 절차를 안내합니다.
예술적 애니메이션과 해설 영상의 구도, 스토리보드, 화면 속 움직임을 설계합니다. 서른다섯 가지 스타일, 아홉 가지 해설 패턴과 Canvas 코드로 구현을 돕습니다.