[]

Interface

The best skills for design-related work, like interfaces, visuals, presentations and design systems.

  • ideate

    Generate image-based design directions and remixes from a product brief

    ★7.6K
  • magicpath

    Search, install and author MagicPath UI components and themes for a repo

    ★7.6K
  • design-exploration

    Compare side-by-side design directions and prototypes, then hand off to code

    ★7.5K
  • star-office-ui

    Deploy a pixel office dashboard that visualizes agent status and team activity

    ★7.5K
  • antislop-human

    Check contrast, keyboard focus and states so interfaces work for real people

    ★7.4K
  • antislop-layoutmobile

    Keep layouts, grids and tap targets working from phone to desktop screens

    ★7.4K
  • antislop-ui

    Guide UI color, layout, components and motion away from generic AI styling

    ★7.4K
  • frontend-design

    Design polished, non-generic frontend pages, apps and components

    ★7.4K
  • ui

    Build distinctive, screenshot-checked UI pages, components and typography

    ★7.4K
  • frontend-blueprint

    Gather visual references, tokens and brand rules before generating frontend code

    ★7.1K
  • add-shader-cursor-trail

    Add a WebGPU halftone cursor trail with ripples and grain to a hero section

    ★7.1K
  • ambient-section-particles

    Add a restrained particle atmosphere to one page section with reduced-motion support

    ★7.1K
  • animation-systems

    Apply product-grade web motion with easing defaults, choreography and reduced-motion

    ★7.1K
  • atmosphere-background

    Create a dark atmospheric background with drifting light folds and corner glow

    ★7.1K
  • audit-ai-design-slop

    Audit designs for generic AI-generated cliches and established UI defects

    ★7.1K
  • background-grid-webgl

    Create a perspective WebGL grid background with fading lines and slow drift

    ★7.1K
  • beautiful-shadows

    Apply layered Tailwind shadow utilities for refined card and panel elevation

    ★7.1K
  • build-daily-inspiration-sites

    Turn a daily UI inspiration capture into five distinct landing page builds

    ★7.1K
  • container-lines

    Add vertical container guide lines with corner squares to structured web layouts

    ★7.1K
  • corner-diagonals

    Add diagonal-cut corners and chamfered edges to buttons, cards and panels

    ★7.1K
  • corner-lasers

    Build a corner laser composition with thin beams, bloom and atmospheric fog

    ★7.1K
  • daily-ui-inspiration-capture

    Build a recurring dated bundle of UI inspiration with screenshots and videos

    ★7.1K
  • design-first-ui-prompting

    Write skimmable, spec-driven prompts that produce consistent UI generation output

    ★7.1K
  • documentary-brutalist-agency

    Build brutalist agency and portfolio sites with billboard type and documentary images

    ★7.1K
  • editorial-portfolio-chapters

    Build dark editorial portfolio sites where project work leads, in chapters

    ★7.1K
  • editorial-service-booking

    Build warm editorial booking sites for salons, spas, clinics and wellness studios

    ★7.1K
  • framed-grid-layout

    Create framed grid layouts with boundary lines, corner brackets and diagonal texture

    ★7.1K
  • glass-dark-ui

    Build dark glassmorphism interfaces with frosted cards and gradient borders

    ★7.1K
  • html-demo

    Show an app working in a Mac-style window drawn live in HTML instead of recorded

    ★7.1K
  • html-to-interaction-prompts

    Turn an HTML page into reusable interaction prompts with screenshot evidence

    ★7.1K
  • nested-container-frames

    Build nested container frames with visible boundary lines and inset rounded panels

    ★7.1K
  • no-ai-design-slop

    Prevent generic AI design defaults and UI defects while building or reviewing screens

    ★7.1K
  • number-details

    Add decorative 01, 02 and 03 numeric markers to section headings

    ★7.1K
  • operational-enterprise-ai

    Build enterprise AI product pages that explain approvals, audit trails and rollback

    ★7.1K
  • paper-cinder-transition

    Add a WebGL paper-burn page transition with a sweeping ember line

    ★7.1K
  • reveal-hover-effect

    Build cursor spotlight reveals that show a second aligned image through a soft mask

    ★7.1K
  • shaders-cursor-ripples

    Add cursor-following WebGPU water ripples over an image using the Shaders library

    ★7.1K
  • skeuomorphic-ui

    Style web UI surfaces with skeuomorphic gradients, inset shadows and embossed text

    ★7.1K
  • unicorn-studio

    Embed and customize Unicorn Studio interactive animations on web pages

    ★7.1K
  • vantajs

    Add animated Vanta.js WebGL backgrounds with tuned parameters and responsive resizing

    ★7.1K
  • video-to-superprompt

    Turn a reference video into a detailed recreation prompt for UI and motion

    ★7.1K
  • webgl-landing-steering

    Steer WebGL landing page work toward premium, technical or cinematic visual goals

    ★7.1K
  • webgl-laser

    Add a full-screen WebGL laser background with a white-hot core and smoky fog

    ★7.1K
  • sleek-design-mobile-apps

    Design mobile app screens in Sleek and turn them into React Native or HTML

    ★7K
  • figma

    Read and edit Figma files through the REST API and live selection monitoring

    ★6.8K
  • Preview

    Create an interactive design preview that opens in a browser tab

    ★6.8K
  • canvas

    Create and edit design screens, shapes, layouts and motion on a canvas

    ★6.3K
  • component-design

    Apply a visual system, responsive behavior and accessibility to UI components

    ★6.3K
  • cowart-open-canvas

    Open or refresh the Cowart design canvas when you ask to see it

    ★6K
  • adapt

    Adapt a UI to new screen sizes with breakpoints, fluid layouts and touch targets

    ★6K