Tarnowski Tobias
Community@trobias · Posadas, Misiones, Argentina
automation 🤖 :: whatsapp bots 💬 :: ai systems 🧠 n8n workflows ⚙️ :: backend dev 🧩 :: business automation 💰
Agent Skills by Tarnowski Tobias
Showing 43 vetted skills indexed across 1 GitHub repositories.
pick-ui-library
Recommends curated frontend libraries for UI, animation, charts, state, and styling tasks.
ui-ux-pro-max
Searches local UI/UX datasets to generate design systems, palettes, typography, and stack-specific guidelines.
responsive-design
Design and review responsive interfaces across viewports, input modes, and accessibility preferences.
refactoring-ui
Audit and fix visual hierarchy, spacing, color, and depth in web interfaces.
animate
Implements UI animations by selecting tools, properties, easings, and durations through a gated decision sequence.
design-consultation
Generates a complete design system proposal and writes DESIGN.md for a project.
find-animation-opportunities
Scans UI codebases for missing animation opportunities and proposes exact motion values.
improve-animations
Audits codebase animation code and writes self-contained motion improvement plans.
impeccable
Designs, critiques, audits, and refines frontend interfaces across web and native platforms.
web-quality-audit
Audits websites for performance, accessibility, SEO, and best-practice issues with severity-ranked findings.
gsap-plugins
Implements GSAP plugin registration and usage for scroll, drag, text, SVG, and physics animations.
gsap-timeline
Sequences GSAP tweens into timelines using position parameters, labels, and nesting.
ui-styling
Build accessible user interfaces with shadcn/ui components and Tailwind CSS utility styling.
gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
react-doctor
Scans React codebases for security, performance, and correctness issues with a scored diagnostic report.
gsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms and batching.
gsap-core
Implements GSAP core tween animations with easing, stagger, and responsive matchMedia behavior.
core-web-vitals
Diagnose and optimize LCP, INP, and CLS metrics for web pages.
microinteractions
Design triggers, rules, feedback, and loops for UI microinteractions using Dan Saffer's framework.
qa
Tests web applications for bugs and iteratively fixes them with atomic commits.
gsap-utils
Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.
prototype
Builds multiple divergent UI variants behind a keyboard-driven visual picker for live comparison.
qa-only
Tests web applications and generates structured bug reports with health scores and screenshots.
accessibility-compliance
Audit web interfaces against WCAG 2.2 AA accessibility requirements.
Frequently Asked Questions About Tarnowski Tobias
FAQPage SchemaWhat tasks can I accomplish with trobias's skill collection?▼
You can design and audit interfaces, build GSAP scroll and timeline animations, fix visual hierarchy and typography, enforce WCAG 2.2 accessibility, optimize Core Web Vitals (LCP, INP, CLS), run QA tests in real browsers via Chrome DevTools, and generate design tokens, component specs, and prototypes.
Who are these skills designed for?▼
Frontend engineers, design engineers, and UI/UX specialists building production-quality web interfaces. They suit developers working in React, Next.js, Vue, Svelte, or vanilla JS who need accessible, responsive, motion-rich interfaces rather than templated-looking output.
How do the animation skills work in practice?▼
The GSAP skills cover core tweens, timelines, ScrollTrigger pinning and scrub, React useGSAP cleanup, Vue/Svelte lifecycle, and performance tuning like transform batching. Companion skills audit existing motion code, propose improvements, or review animations against a senior craft bar.
Are these skills free and open source?▼
Most skills carry MIT licenses, including the official GSAP set, web-quality-audit, refactoring-ui, and ui-styling. The frontend-design skill references terms in its own LICENSE.txt, so check individual skill folders before redistribution.
What prerequisites or dependencies are required?▼
Most skills run standalone, but browser-testing-with-devtools requires a configured chrome-devtools MCP server. Skills like design-consultation, qa, and design-review declare allowed tools including Bash, Read, Write, Edit, and WebSearch. GSAP skills assume a JavaScript project using React, Vue, Svelte, or vanilla JS.