Results for “build”

Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.

Build zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-safe layouts and visual style exploration.

Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.

Guides Android native app development with Material Design 3, Kotlin/Compose, project configuration, accessibility, and build troubleshooting.

Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.

Creates or edits custom video compositions using HyperFrames, supporting multi-scene pieces, brand reels, montages, and freeform builds with media, Figma, and creative treatments.

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Build fully customizable, agent-ready design systems with Astryx — Meta's production design system now open source. Ships 150+ React components built on StyleX with zero styling lock-in, component swizzling, brand theming, dark mode, and CLI tooling. Use when building component libraries, design systems, UI applications, design tokens, or when teams need consistent accessible components that AI agents can understand and extend. Triggers on: astryx, design system, component library, design tokens, react components, accessible components, astryx design, stylesheets, theme customization, component composition.

Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.

Create a six-frame storyboard that shows a user's journey from problem to solution, using a classic narrative arc to build empathy and align stakeholders.

Monta carrosséis completos para Instagram, LinkedIn e Facebook, estruturando slides, definindo hierarquia e construindo no Figma como componente com variantes, com revisão e texto alternativo.

Build and maintain cohesive design systems and component libraries with tokens, theming, and documented variants. Use when the user says "design system", "component library", "design tokens", "theming", "consistent styling", "reusable components", or "variant props".

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

Build augmented reality interfaces for display glasses using Jetpack Compose Glimmer, covering design principles, theming, input mapping, and projected activity setup.

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

Builds and enforces brand identity through structured agents covering positioning, voice, visual systems, and consistency audits, with behavioral science frameworks applied throughout.

Build visually engaging scientific slide decks for conferences, seminars, defenses, and research talks with structured planning, design templates, and automated image generation.

Build a cinematic, data-dense multi-platform social media dashboard with KPI matrix, interactive charts, insights drawer, and dark/light theme toggle.

Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.

Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.

Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.

Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.

Analyzes frontend source code to extract a comprehensive design system document (DESIGN.md) capturing colors, typography, spacing, and component patterns without building or rendering the app.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.

Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.

Build beautiful, native-feeling Expo screens with Apple HIG styling, semantic colors, native controls, SF Symbols, media, animations, visual effects, gradients, storage, and responsive layout.