Web Development & Design
36 scanned skills in web development & design.
Skill for implementing scroll-based animations, pinning, and scrubbing using GSAP's ScrollTrigger library.
Helps create JavaScript animations with GSAP's core API, including tweens, easing, stagger, and responsive/reduced-motion animation in any framework o
Builds production-quality, accessible, responsive user interfaces with proper design system adherence and accessibility standards.
Provides art direction and anti-generic styling for building or polishing public-facing web pages like landing pages, portfolios, and marketing sites,
Provides guidelines for creating consistent and reusable UI components in the Paperclip design system.
Audits existing websites and apps for generic AI design patterns and applies premium typography, color, layout, and interaction upgrades without break
Applies anti-cliché frontend design rules with configurable taste dials to build landing pages, portfolios, and redesigns using real design systems an
Provides React and Next.js frontend patterns for components, state management, data fetching, performance optimization, forms, and accessibility.
Guides the AI to produce high-end, agency-quality website designs with premium typography, spacing, card architecture, and fluid animations while avoi
Keeps Storybook stories, fixtures, and catalog indexes aligned with the production UI and feature map, reconciling drift and classifying examples.
Handles GSAP plugin animations and interactions for web development.
Creates raw, functional web interfaces blending industrial typography, military terminal aesthetics, and extreme typographic contrast for data-heavy a
Creates clean, editorial-style web interfaces with warm monochrome palettes, typographic contrast, flat bento grids, and muted pastels.
Generates design reference images for website sections first, deeply analyzes them, then implements the frontend code to match the visuals closely.
Generates DESIGN.md files for Google Stitch that enforce premium, opinionated UI standards covering typography, color, layout, motion, and banned AI d
Helps build sequenced web animations using GSAP timelines, including the position parameter, labels, nesting, and playback control.
Analyzes a Figma file via the Figma REST API and builds an interactive knowledge graph of pages, screens, components, instances, and design tokens wit
Provides design intelligence for building and reviewing web and mobile UIs, including styles, color palettes, font pairings, UX guidelines, and stack-
Provides guidance and tools for building web animations with Motion (Framer Motion) and CSS, including best practices, spring/bounce easing generation
Guides distinctive, intentional visual design for new or redesigned UI, covering palette, typography, layout, motion, and copy choices that avoid temp
Creates a consumer-facing dating dashboard with a specific editorial style.
Generates 16:9 HTML presentation decks styled as dark CRT-terminal / tactical-telemetry brutalism with charcoal slides, monospace type, hazard-red acc
Runs a 5-dimension expert design review on HTML artifacts, producing a scored report with a radar chart and actionable keep/fix/quick-win lists.
Create elegant 16:9 HTML slide decks with an editorial-minimalist aesthetic, using warm off-white backgrounds, serif display type, hairline rules, and
Generates a self-contained single-file HTML admin/analytics dashboard with sidebar, top bar, KPI cards, and inline SVG charts.
Builds a multi-screen gamified mobile app prototype as a single HTML page with three phone frames showing a cover, quest dashboard, and quest detail.
Builds self-contained HTML pages with charts, tables, diagrams or dashboards that render inline in a chat thread.
Creating interactive data visualizations using D3.js for web applications.
Applies pre-set or custom color and font themes to artifacts like slide decks, docs, and HTML pages for consistent professional styling.
Applies Anthropic's official brand colors and typography (Poppins headings, Lora body) to documents and artifacts so they match company design standar
Builds complex, multi-component web artifacts using React, Tailwind CSS, and shadcn/ui.
Optimizes GSAP animations for smooth 60fps by using transforms, avoiding layout thrashing, and reducing jank.
Helps add GSAP animations to Vue, Nuxt, Svelte, and SvelteKit components with correct lifecycle setup, scoped selectors, and cleanup on unmount.
Builds self-contained, animation-rich HTML presentations from scratch or by converting PowerPoint files, with distinctive styling and viewport-fit sli
Animates React components using GSAP with proper cleanup and context management.
A frontend design skill that generates premium, non-generic React/Tailwind interfaces with strict anti-slop rules, motion physics, and layout guidance