Results for “keyboard-art”

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Create algorithmic art by first writing a generative philosophy, then expressing it as p5.js sketches with seeded randomness and interactive parameter exploration.

Guides visual style selection, asset pipeline choices, and animation workflows for game development.

Creates algorithmic art as p5.js generative sketches, starting from a written philosophy and ending with interactive HTML and JavaScript files.

Creates algorithmic art with p5.js, starting from a generative philosophy and expressing it through seeded randomness, noise fields, and particle systems.

Generates illustrations, diagrams, flowcharts, infographics, thumbnails, comics, and icons using multiple rendering backends, with workflows for various visual content types.

Creates algorithmic art in two phases: first writing a generative-art philosophy as a markdown manifesto, then expressing it as interactive p5.js sketches with seeded randomness, flow fields, and particle systems.

Creates generative art with p5.js, starting from an algorithmic philosophy and expressing it through seeded randomness, noise fields, and particle systems.

Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.

Creates illustrations, diagrams, and visual content with workflows for various formats, routing to specialized processes and outputting to Downloads for preview.

Renders a Spotify Now Playing card with album art, progress bar, and playback controls for video overlays or personal pages.

The art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well, readers absorb content without noticing the craft. When done poorly, they struggle without knowing why. Great typography creates visual hierarchy, establishes rhythm, conveys emotion, and guides the eye through content. It combines centuries of print wisdom with modern digital constraints - understanding that a typeface designed for books may fail on screens, that line length affects comprehension, and that the space between letters matters as much as the letters themselves. This skill covers type selection, pairing, scaling, spacing, responsive typography, variable fonts, font loading optimization, and accessibility. Master typographers know that choosing a font is the easy part - the craft is in the details of how it's set. Use when "typography, font, typeface, type scale, line height, leading, kerning, tracking, font pairing, font loading, variable font

Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.