Add the Visual Engineering Intelligence skill suite and local MCP server to an agent host. Use when a host needs the packaged skills to be discoverable and available for visual work; do not use for the visual work itself.
Develop distinctive website concepts and refine their implementation through art direction, real content, a representative design slice and evidence-based critique. Use for original flagship, editorial, portfolio or launch sites and substantial creative…
Build palettes for premium websites from the subject - role-based palettes in OKLCH, colors sampled from photography, light and dark themes, state and status colors, gradients without muddy midpoints, grain, and verified WCAG contrast. Use when choosing or…
Build every interface component of a premium website to award-level finish - navigation, menus, buttons, links, cursors, tooltips, heroes, content sections, galleries, carousels, media, forms, dialogs, drawers, accordions, tabs, toasts, loading and empty…
Define and generate the token system and CSS foundation for a premium website - primitive, semantic and component tokens for color, type, space, radius, elevation, layers, motion and focus; a base stylesheet; light, dark and section themes; Tailwind v4 theme…
Implement premium web motion with the right tool - CSS transitions, @starting-style, scroll-driven animations and View Transitions first; GSAP with ScrollTrigger and SplitText for timelines and scroll stories; Lenis for wheel smoothing; Motion for React UI;…
Create premium visual signatures without 3D model files - shader fields, gradients, grain and dithering, SDF and raymarched forms, DOM-synced WebGL image effects, procedural geometry, particles, CSS 3D, SVG filters, canvas generative art and liquid glass -…
Choose, pair, scale, load and animate typefaces for premium websites - voice-led font selection, pairings, fluid type scales, line height, tracking, measure, OpenType features, variable axes, font loading without layout shift, and accessible kinetic type. Use…