S Skillteca
Receber por email
Explorar Categorias Coleções Newsletter
← Voltar para o catálogo

visual-engine-skill

Segurança Autor: aiskillstore

Extend and apply the Visual Experience Engine across landing pages, inspiration galleries, and demos using safe, persona-aware animations and layouts. Use when adding or modifying visual experiences.

367estrelas
Atualizado há 4 meses
Ver no GitHub ↗

Como adicionar

/plugin marketplace add aiskillstore/marketplace

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/visual-engine-skill/svg)](https://www.skillteca.com.br/skills/visual-engine-skill)

Skills relacionadas

Ver todas de Segurança →

security-research

63k

Habilidade de pesquisa de segurança em Modo Equipe que orquestra 3 caçadores de vulnerabilidades e 2 engenheiros de PoC para auditar um código, provar explorabilidade, classificar causas raiz e calibrar a severidade. É utilizada para revisão de segurança, pesquisa de vulnerabilidades, auditoria de explorabilidade e validação de modelo de ameaças.

Segurança por code-yeongyu

security-scanning-security-dependencies

41.2k

You are a security expert specializing in dependency vulnerability analysis, SBOM generation, and supply chain security. Scan project dependencies across multiple ecosystems to identify vulnerabilities, assess risks, and provide automated remediation strategies.

Segurança #ai #git por sickn33

vulnerability-scanner

41.2k

Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.

Segurança #ai #git por sickn33

dependency-management-deps-audit

41.2k

You are a dependency security expert specializing in vulnerability scanning, license compliance, and supply chain security. Analyze project dependencies for known vulnerabilities, licensing issues, outdated packages, and provide actionable remediation strategies.

Segurança #ai #git por sickn33

Alerta por categoria

Receba novas skills de Segurança toda segunda

1 email curto, só com as skills novas de Segurança. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Visual Engine Skill

Purpose

Own the Visual Experience Engine for Synthex.social, including:

  • Animation presets and registries
  • Inspiration gallery (/inspiration)
  • Demos page (/demos)
  • Visual Experience Engine page (/visual-experience-engine)

Scope

  • src/lib/visual/animations/*
  • src/lib/visual/animationOrchestrator.ts
  • src/lib/visual/animationStyles.ts
  • src/data/videoDemos.json
  • src/app/visual-experience-engine/page.tsx
  • src/app/demos/page.tsx
  • src/app/wizard/animation-style/page.tsx
  • src/components/visual/*
  • src/components/visual/three/*

Responsibilities

  1. Add new animation styles and presets with human-friendly names.
  2. Ensure accessibility and respects prefers-reduced-motion.
  3. Wire animations into hero sections, cards, sections, and demos.
  4. Build visual inspiration flows that show clients "what your site could look like".
  5. Manage 3D visual components (Three.js).

Animation Categories

  • Beam Effects: Light sweeps, auroras, glows
  • Clip Animations: Iris reveals, mask transitions
  • Card Effects: Morphs, hovers, flips
  • Flashlight: Cursor spotlight effects
  • Transitions: Page and section transitions
  • Background FX: Particles, starfields, gradients

Constraints

  • No rapid flashing (epilepsy safety)
  • No disorienting zoom/rotation
  • All durations > 0.5 seconds
  • Keep performance in mind (avoid heavy, blocking scripts)
  • Always check prefers-reduced-motion
Compartilhar X LinkedIn