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.