Build web animations with GSAP plugins for text, SVG graphics, dragging, scrolling, and layout changes. It guides plugin selection, registration, configuration, and cleanup, with examples for implementing effects and reviewing existing animation code.
- Animating headings one character or line at a time
- Adding SVG drawing and shape transitions
- Building drag interactions with momentum
nexu-io/open-design☆ 102.8KUpdated Oct 20, 2026
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.
- Investigating drawing operations in a captured frame
- Exporting textures and shader code
- Comparing rendering settings between events
HKUDS/CLI-Anything☆ 55.7KUpdated Sep 22, 2026
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.
- Create 3D parts with specified dimensions
- Build assemblies and generate parts lists
- Export dimensioned technical drawings as PDF
HKUDS/CLI-Anything☆ 55.7KUpdated Sep 22, 2026
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.
- Sending connection requests with a personal note
- Reviewing received invitations
- Withdrawing pending connection requests
davila7/claude-code-templates☆ 32.8KUpdated Oct 20, 2026
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.
- Refining usability before release
- Adjusting a page while checking the changes
- Giving feedback through speech and on-page drawing
EveryInc/compound-engineering-plugin☆ 25.6KUpdated Oct 19, 2026
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.
- Turning a rough invention idea into a disclosure
- Separating core features from supporting features
- Planning claim dependencies and supporting drawings
wanshuiyin/Auto-claude-code-research-in-sleep☆ 17.8KUpdated Oct 19, 2026
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.
- Animating headings character by character
- Drawing or morphing SVG graphics
- Adding draggable cards with momentum
greensock/gsap-skills☆ 16.7KUpdated Jul 30, 2026
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.
- Mapping function calls around a selected function
- Visualizing class inheritance and members
- Drawing module dependency maps
trailofbits/skills☆ 7.7KUpdated Oct 20, 2026
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.
The English summary is being prepared. Showing the original description.
alexgreensh/anidoodle☆ 1KUpdated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
aeonfun/aeon☆ 778Updated Oct 20, 2026
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.
The English summary is being prepared. Showing the original description.
AlpacaLabsLLC/skills-for-architects☆ 382Updated Oct 16, 2026
Analyze construction drawings to extract dimensions, annotations, symbols, and metadata. Support quantity takeoff and design review automation.
The English summary is being prepared. Showing the original description.
datadrivenconstruction/DDC_Skills_for_AI_Agents_in_Construction☆ 358Updated Oct 20, 2026
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.
The English summary is being prepared. Showing the original description.
TerminalSkills/skills☆ 174Updated Oct 21, 2026
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.
The English summary is being prepared. Showing the original description.
TerminalSkills/skills☆ 174Updated Oct 21, 2026
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.
The English summary is being prepared. Showing the original description.
oaustegard/claude-skills☆ 154Updated Oct 21, 2026
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.
The English summary is being prepared. Showing the original description.
Tibsfox/gsd-skill-creator☆ 71Updated Jul 20, 2026
Expert-level CAD design covering parametric modeling, assembly design, drawing creation, FEA simulation, design for manufacturing, and PLM workflows.
The English summary is being prepared. Showing the original description.
luokai0/ai-agent-skills-by-luo-kai☆ 13Updated May 6, 2026
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.
The English summary is being prepared. Showing the original description.
kesslernity/awesome-copilot-agent-skills☆ 9Updated Sep 19, 2026
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.
The English summary is being prepared. Showing the original description.
Realjustawall/Perfect-AI☆ 6Updated Oct 10, 2026
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.
The English summary is being prepared. Showing the original description.
JordanCoin/ios-skills-collection☆ 6Updated Sep 10, 2026
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 ビューア。
The English summary is being prepared. Showing the original description.
Fandhe-AI/agent-reference-skills☆ 4Updated Oct 20, 2026
Turns concepts, processes, and software architecture into diagram files. Choose a standalone HTML file containing SVG for browser viewing, or an editable Excalidraw whiteboard for flowcharts, sequences, and architecture sketches.
- Illustrating concepts for learning materials
- Mapping a process as a flowchart
- Drawing software and cloud architecture
openclaw/openclaw☆ 392.7KUpdated Oct 20, 2026
Use SAM to separate objects from images by marking points or drawing boxes, without training a model for each task. Covers automatic region generation, refining selections, preparing annotation data, and exporting models for deployment.
- Extract an object with a transparent background
- Build an interactive image annotation tool
- Generate region masks for vision model training
NousResearch/hermes-agent☆ 255.6KUpdated Oct 20, 2026
Plan artistic animations and explainer scenes using 35 style recipes, nine explanation patterns, storyboards, and reusable Canvas drawing code. Build motion within the host environment’s timeline, using its available tools for assets and export.
- Plan storyboards for an explainer
- Choose an artistic animation style
- Build repeatable Canvas motion
nexu-io/open-design☆ 102.8KUpdated Oct 20, 2026