Benjamin Eduardo Petit-laurent Tapia avatar

Benjamin Eduardo Petit-laurent Tapia

Community

@KryptaMedina7 · chile

0Followers
|
11Public Repos
|
23Published Skills

ñau

Skills Distribution
DomainUI/UX & Crea...GSAP Animation Eng.. (35%)UI/UX Design Syste.. (30%)Webflow Site Audit.. (20%)Motion Design Crit.. (15%)

Agent Skills by Benjamin Eduardo Petit-laurent Tapia

Showing 23 vetted skills indexed across 1 GitHub repositories.

KryptaMedina7KryptaMedina7

ui-ux-pro-max

Generates UI/UX design systems and recommendations from a searchable local design-rule database.

Community
Advanced
KryptaMedina7KryptaMedina7

animate

Implements UI animations using CSS transitions, WAAPI, or Motion with defined easing and duration rules.

Community
Intermediate
KryptaMedina7KryptaMedina7

webflow-mcp:asset-audit

Audits Webflow site assets and generates SEO-friendly alt text and filenames.

Community
Advanced
KryptaMedina7KryptaMedina7

scroll-world

Generates scroll-scrubbed camera-flight landing pages from AI-rendered scene stills and video clips.

Community
Advanced
KryptaMedina7KryptaMedina7

find-animation-opportunities

Scan a codebase for UI moments that would benefit from motion and propose exact animation recipes.

Community
Intermediate
KryptaMedina7KryptaMedina7

improve-animations

Audits codebase animation code and writes self-contained motion improvement plans.

Community
Advanced
KryptaMedina7KryptaMedina7

impeccable

Designs, critiques, audits, and refines frontend interfaces across web and native platforms.

Community
Advanced
KryptaMedina7KryptaMedina7

gsap-plugins

Implements GSAP plugin registration and usage for scroll, drag, text, SVG, and physics animations.

Community
Intermediate
KryptaMedina7KryptaMedina7

gsap-timeline

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

Community
Intermediate
KryptaMedina7KryptaMedina7

gsap-scrolltrigger

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

Community
Intermediate
KryptaMedina7KryptaMedina7

gsap-performance

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

Community
Basic
KryptaMedina7KryptaMedina7

gsap-core

Implements GSAP core tweens, eases, staggers, and matchMedia for DOM and SVG animation.

Community
Intermediate
KryptaMedina7KryptaMedina7

magic-ui

Installs and integrates Magic UI animated components into React and Next.js projects.

Community
Intermediate
KryptaMedina7KryptaMedina7

webflow-mcp:link-checker

Audit and fix broken or insecure links across Webflow static pages and CMS content.

Community
Advanced
KryptaMedina7KryptaMedina7

webflow-code-component:pre-deploy-check

Validates Webflow Code Components for deployment readiness before running webflow library share.

Community
Advanced
KryptaMedina7KryptaMedina7

gsap-utils

Applies GSAP utility functions for clamping, mapping, snapping, and interpolating animation values.

Community
Intermediate
KryptaMedina7KryptaMedina7

webflow-mcp:site-audit

Audits Webflow sites by inventorying pages, CMS collections, and SEO health via Webflow MCP tools.

Community
Intermediate
KryptaMedina7KryptaMedina7

gsap-frameworks

Implements GSAP animations in Vue, Nuxt, and Svelte with lifecycle-safe cleanup.

Community
Intermediate
KryptaMedina7KryptaMedina7

webflow-mcp:accessibility-audit

Audits Webflow pages for WCAG 2.1 accessibility issues and applies attribute fixes.

Community
Advanced
KryptaMedina7KryptaMedina7

review-animations

Reviews animation and motion code against easing, duration, performance, and accessibility standards.

Community
Intermediate
KryptaMedina7KryptaMedina7

design-taste-frontend

Generates non-templated frontend designs for landing pages, portfolios, and redesigns using brief inference and design dials.

Community
Advanced
KryptaMedina7KryptaMedina7

emil-design-eng

Reviews and improves UI animations, transitions, and component interactions using design engineering principles.

Community
Intermediate
KryptaMedina7KryptaMedina7

gsap-react

Implements GSAP animations in React using the useGSAP hook with scoped refs and automatic cleanup.

Community
Intermediate

Frequently Asked Questions About Benjamin Eduardo Petit-laurent Tapia

FAQPage Schema
What tasks can I accomplish with KryptaMedina7's skills?

You can design and critique UI with a searchable database of 84 styles, 192 palettes, and 74 font pairings; build GSAP animations with timelines, ScrollTrigger, and plugins; audit Webflow sites for SEO, accessibility, and broken links; and create scroll-scrubbed cinematic landing pages.

Who are these skills designed for?

Frontend developers, design engineers, and UI/UX designers working in React, Next.js, Vue, Svelte, or Webflow. Motion designers benefit from GSAP-specific guidance, while site owners use the Webflow audit skills for SEO, accessibility, and pre-deployment validation.

How do the Webflow audit skills run in practice?

The accessibility-audit skill runs headlessly against a page ID with no Designer connection required, checking buttons, forms, focus states, and keyboard navigation. Asset-audit and link-checker scan site assets and CMS content, then generate and apply fixes for alt text and broken links.

Are the GSAP skills free to use?

Yes. All seven official GSAP skills (core, timeline, ScrollTrigger, plugins, utils, React, frameworks, performance) carry an MIT license. The scroll-world skill uses pay-per-clip USD billing through Monid (Seedance 2.0), with Higgsfield credits as fallback.

What prerequisites do these skills require?

The Webflow pre-deploy-check requires Node.js 18+, React 18+, TypeScript, and @webflow/webflow-cli. Magic UI integration targets React/Next.js projects using the shadcn registry (@magicui/*). GSAP skills run in any framework or vanilla JavaScript with no additional runtime dependencies.