← All creators

ridelink0

User

Claude Code and Codex frontend skills for cinematic websites: art direction, WebGL, parallax, three.js, audit.

57 indexed · 0 Featured · 9 stars · avg score 80
Prolific

Categories

Indexed Skills (57)

Web & Frontend Listed

agentic

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

6 Updated today
ridelink0
Web & Frontend Listed

ant

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

6 Updated today
ridelink0
Web & Frontend Listed

artistic

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

6 Updated today
ridelink0
Web & Frontend Listed

basic

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

6 Updated today
ridelink0
Web & Frontend Listed

bento

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

6 Updated today
ridelink0
Web & Frontend Listed

bold

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

6 Updated today
ridelink0
Web & Frontend Listed

brutalism

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

6 Updated today
ridelink0
Web & Frontend Listed

cafe

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

6 Updated today
ridelink0
Web & Frontend Listed

claude

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

6 Updated today
ridelink0
Web & Frontend Listed

claymorphism

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

6 Updated today
ridelink0
Web & Frontend Listed

clean

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

6 Updated today
ridelink0
Web & Frontend Listed

codex

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.

6 Updated today
ridelink0
Web & Frontend Listed

colorful

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

6 Updated today
ridelink0
Web & Frontend Listed

contemporary

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

6 Updated today
ridelink0
Web & Frontend Listed

corporate

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

6 Updated today
ridelink0
Web & Frontend Listed

cosmic

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

6 Updated today
ridelink0
Web & Frontend Listed

creative

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

6 Updated today
ridelink0
Web & Frontend Listed

dithered

Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.

6 Updated today
ridelink0
Web & Frontend Listed

doodle

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

6 Updated today
ridelink0
Web & Frontend Listed

dramatic

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

6 Updated today
ridelink0
Web & Frontend Listed

editorial

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

6 Updated today
ridelink0
Web & Frontend Listed

enterprise

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

6 Updated today
ridelink0
Web & Frontend Listed

expressive

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

6 Updated today
ridelink0
Web & Frontend Listed

fantasy

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

6 Updated today
ridelink0
Web & Frontend Listed

fiction

A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes

6 Updated today
ridelink0
Web & Frontend Listed

flat

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

6 Updated today
ridelink0
Web & Frontend Listed

friendly

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

6 Updated today
ridelink0
Web & Frontend Listed

futuristic

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.

6 Updated today
ridelink0
Web & Frontend Listed

geometric

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

6 Updated today
ridelink0
Web & Frontend Listed

glassmorphism

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

6 Updated today
ridelink0
Web & Frontend Listed

gradient

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

6 Updated today
ridelink0
Web & Frontend Listed

immersive

An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green)

6 Updated today
ridelink0
Web & Frontend Listed

impeccable

A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.

6 Updated today
ridelink0
Web & Frontend Listed

levels

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

6 Updated today
ridelink0
Web & Frontend Listed

lingo

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

6 Updated today
ridelink0
Web & Frontend Listed

material

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

6 Updated today
ridelink0
Web & Frontend Listed

matrix

A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements

6 Updated today
ridelink0
Web & Frontend Listed

minimal

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.

6 Updated today
ridelink0
Web & Frontend Listed

modern

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

6 Updated today
ridelink0
Web & Frontend Listed

mono

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

6 Updated today
ridelink0
Web & Frontend Listed

neobrutalism

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

6 Updated today
ridelink0
Web & Frontend Listed

neon

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

6 Updated today
ridelink0
Web & Frontend Listed

neumorphism

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

6 Updated today
ridelink0
Web & Frontend Listed

pacman

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

6 Updated today
ridelink0
Web & Frontend Listed

paper

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

6 Updated today
ridelink0
Web & Frontend Listed

perspective

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

6 Updated today
ridelink0
Web & Frontend Listed

power

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

6 Updated today
ridelink0
Web & Frontend Listed

premium

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

6 Updated today
ridelink0
Web & Frontend Listed

professional

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.

6 Updated today
ridelink0
Web & Frontend Listed

pulse

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

6 Updated today
ridelink0
Web & Frontend Listed

ultimate-frontend-skills

Use whenever a website, landing page, marketing site, portfolio, microsite, homepage, or any public-facing web page is being built, redesigned, restyled, or made to "look better" - including plain HTML/CSS pages, Next/React/Astro sites, and single-file pages. Supplies the house style (editorial serif typography, warm-neutral and near-black grounds, cinematic imagery, layered scroll parallax, exploded technical views) plus a copy-in CSS chassis, a motion runtime, a section library, a scaffolder, and an audit.

6 Updated today
ridelink0
Web & Frontend Listed

visual-research

Use when a question is better answered by looking than by reading - researching how websites or apps look, gathering design references, finding what a style or palette or typeface actually is in the wild, comparing competitors visually, or building a moodboard. Renders real sites and searches real images, then reads them as pictures.

6 Updated today
ridelink0
Web & Frontend Listed

image-deep-research

Image deep research and visual research - use when a question is better answered by looking than by reading. Finds reference images on open, licensed collections (Openverse, Wikimedia Commons, the Art Institute of Chicago, the Met), renders real websites into screenshot contact sheets, builds a moodboard, measures a live site's palette and typefaces, and reads every picture as a picture. For design references, styles, palettes, typefaces, materials, competitors and moodboards.

0 Updated today
ridelink0
AI & Automation Listed

atlias

Use when the task touches memory across sessions (remember, recall, what did we decide, last time), a handoff or progress note, a session digest or Dream consolidation, the knowledge graph of a project (how does X work, what depends on Y), verifying changed files, or the health of the atlias sub-harness in Claude Code, Codex, Antigravity or Gemini CLI.

1 Updated today
ridelink0
AI & Automation Listed

computer-use

Use any time something on this computer needs looking at or operating - reading what a window says, checking whether an app is open or what state it is in, clicking, typing, filling a form, testing a GUI, confirming a change actually rendered, or driving any app with no CLI or API. Also whenever the user points at something on their screen or names an application. Windows and macOS; reads windows without disturbing them and can work while the user keeps working.

1 Updated today
ridelink0
AI & Automation Listed

usage-limits

Check how much usage limit is left in this agent (Claude Code or Codex) and plan the work to fit inside it. Use before starting anything long, when the 5-hour or weekly limit is getting close, when asked how much usage or quota is left, whether there is enough left to finish, whether a job fits before the reset, when to stop and hand off, and when asked to work cheaply, burn fewer credits, or stretch the rest of the limit.

1 Updated today
ridelink0
AI & Automation Listed

double-check

Use before declaring any code change done, when the atlias gate holds a reply for a second pass, or when asked to bug-check, verify, review your own change, or check for everything. Two passes: functional proof, then an adversarial hunt. Also use when tests fail and you need to turn the failure into a fix.

1 Updated today
ridelink0

Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.