Josip Papež avatar

Josip Papež

Community

@josippapez · Osijek, Croatia

15Followers
|
35Public Repos
|
58Published Skills

Software developer with Master's degree in Computer science (Software Engineering)

Skills Distribution
DomainUI/UX & Crea...Web Animation & Mo.. (40%)UI Auditing & Desi.. (25%)3D Graphics & WebGL (15%)Frontend Accessibi.. (10%)

Agent Skills by Josip Papež

Showing 58 vetted skills indexed across 1 GitHub repositories.

josippapezjosippapez

building-blocks

Writes plain-language session recaps and explanations that name each building block and mark it new, changed, or already there.

Community
Intermediate
josippapezjosippapez

concise-pr-comments

Writes short, human-sounding review comments for PRs and work items.

Community
Basic
josippapezjosippapez

orchestrate-nightly

Orchestrates multi-agent epic execution with build-only workers and batched reviews.

Community
Advanced
josippapezjosippapez

optimize-web-animations

Profile and pause offscreen CSS animations and canvas requestAnimationFrame loops in frontend pages.

Community
Advanced
josippapezjosippapez

audit-ai-design-slop

Audit interfaces for AI-design clichés and UI defects with evidence-backed findings.

Community
Intermediate
josippapezjosippapez

find-animation-opportunities

Scan a codebase for UI moments that warrant motion and propose exact animation recipes.

Community
Intermediate
josippapezjosippapez

build-awwwards-quality-sites

Builds motion-rich marketing and portfolio websites with GSAP, smooth scrolling, and optional Three.js shaders.

Community
Advanced
josippapezjosippapez

masked-reveal

Creates staggered word-by-word text reveals on scroll using GSAP ScrollTrigger and overflow masks.

Community
Intermediate
josippapezjosippapez

threejs-shaders

Write custom GLSL shaders for Three.js ShaderMaterial and built-in material extensions.

Community
Intermediate
josippapezjosippapez

threejs-lighting

Configure Three.js lights, shadows, and image-based environment lighting for 3D scenes.

Community
Intermediate
josippapezjosippapez

no-ai-design-slop

Detect and remove generic AI-generated design patterns from websites, apps, and mockups.

Community
Intermediate
josippapezjosippapez

threejs-geometry

Creates Three.js geometries including built-in shapes, BufferGeometry, and instanced meshes.

Community
Intermediate
josippapezjosippapez

scroll-scrubbed-word-reveal

Reveal text word by word tied to scroll progress while preserving inline markup and accessibility.

Community
Intermediate
josippapezjosippapez

gsap-timeline

Sequences GSAP tweens into timelines using position parameters, labels, and nesting.

Community
Basic
josippapezjosippapez

gsap-scrolltrigger

Implements scroll-linked animations, pinning, and scrubbing with GSAP ScrollTrigger.

Community
Intermediate
josippapezjosippapez

gsap-performance

Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and quickTo.

Community
Basic
josippapezjosippapez

gsap-core

Implements GSAP core tweens, eases, staggers, and responsive matchMedia animations in JavaScript.

Community
Intermediate
josippapezjosippapez

editorial-portfolio-chapters

Build editorial portfolio websites with chapter-based layouts and scroll-driven interactions.

Community
Intermediate
josippapezjosippapez

cinematic-gsap-lenis-motion-system

Implements scroll-driven web motion systems using GSAP, ScrollTrigger, and Lenis smooth scrolling.

Community
Advanced
josippapezjosippapez

baseline-ui

Reviews and fixes UI code for spacing, typography, animation, and accessibility violations.

Community
Intermediate
josippapezjosippapez

make-interfaces-feel-better

Reviews and improves UI code across typography, surfaces, animations, icons, and performance.

Community
Intermediate
josippapezjosippapez

beautiful-shadows

Applies exact Tailwind arbitrary shadow utilities for layered neutral elevation on UI surfaces.

Community
Basic
josippapezjosippapez

apple-design

Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials on the web.

Community
Advanced
josippapezjosippapez

webgl-landing-steering

Guides selection of WebGL visual directions for landing pages based on conversion goals.

Community
Intermediate

Frequently Asked Questions About Josip Papež

FAQPage Schema
What tasks can I accomplish with josippapez's skill collection?

You can build motion-rich marketing and portfolio sites with GSAP timelines and ScrollTrigger, create Three.js shaders, lighting, and particle globes, audit UI code for design defects, run axe-core accessibility scans against WCAG 2.2, capture full-page screenshots, and orchestrate multi-step engineering epics with tracked markdown state.

Who are these skills designed for?

Frontend engineers, design engineers, and creative developers building premium web experiences. The collection suits people shipping Awwwards-style animated sites, reviewing PRs against fixed standards, hardening specs through structured interviews, or enforcing accessibility compliance on React, Next.js, and vanilla JavaScript projects.

How do the animation and 3D skills work in practice?

GSAP skills cover the core API, timelines, ScrollTrigger, React integration via useGSAP, and performance tuning for 60fps motion. Three.js skills address geometry, materials, lighting, and custom GLSL shaders. Specialized recipes implement masked word reveals, progressive blur, and scroll-scrubbed storytelling with reduced-motion fallbacks.

Are these skills open source and what do they cost?

The official GSAP skills (core, timeline, ScrollTrigger, performance, React) carry explicit MIT licenses per their frontmatter. Other skills in the manifest do not declare licenses. All are prompt-based skill definitions, so usage cost is only the model inference time of whichever agent runtime loads them.

What prerequisites or dependencies do these skills require?

Accessibility scanning requires the bundled axe-core harness driven through the chrome-devtools MCP plus the wcag CLI via npx. The opensrc skill uses npx opensrc to resolve installed package sources. Browser-driven tasks rely on a real browser or desktop control, and orchestration skills use a local git-ignored markdown store.