Build · UI/UX & frontend
UI/UX & frontend
The ui/ux & frontend tools a solo builder reaches for in the Build phase - every AI-coding skill, MCP server and workflow Skillselion tracks for ui/ux & frontend, ranked by community signal so you can pick the right one fast.
Description
1Frontend DesignFrontend & DesignShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling.516k148k
2Vercel React Best PracticesFrontend & DesignApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production.459k27.7k
3Remotion Best PracticesFrontend & DesignInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React.357k3.5k
4Image To VideoAI & AgentsAnimate still images via RunComfy by routing to HappyHorse, Wan 2.7, or Seedance i2v models.210k15
5Flux KontextAI & AgentsRun Flux 1 Kontext Pro local image edits on RunComfy with BFL prompting patterns for high-fidelity changes.210k15
6Nano Banana 2AI & AgentsGenerate images with Google Nano Banana 2 text-to-image on RunComfy for fast iteration and in-image typography.210k15
7Nano Banana EditAI & AgentsEdit images with Nano Banana 2 on RunComfy preserving identity across batch edits up to 20 inputs.210k15
8Happyhorse 1 0AI & AgentsGenerate text-to-video with HappyHorse 1.0 on RunComfy including native 1080p synchronized audio.209k15
9Wan 2 7AI & AgentsGenerate text-to-video with Wan 2.7 on RunComfy including multi-reference conditioning and audio lip-sync.209k15
10Gpt Image EditAI & AgentsEdit images with OpenAI GPT Image 2 on RunComfy for multilingual in-image text and multi-reference layout edits.209k15
11Seedance V2AI & AgentsGenerate cinematic short-form video with Seedance 2.0 Pro multimodal references on RunComfy.209k15
12Flux 2 KleinAI & AgentsGenerate images fast with Flux 2 Klein on RunComfy using sub-second latency and multi-reference brand styling.209k15
13Lark WhiteboardFrontend & DesignTag when generating Lark whiteboard documents with frames, connectors, and routing rules without schema errors from misplaced connector nodes.209k13.7k
14Ui Ux Pro MaxFrontend & DesignGive your coding agent structured UI/UX intelligence—palettes, typography, patterns, and stack-specific guidance—when you ship web or mobile interfaces without a dedicated designer.206k88.7k
15Vercel Composition PatternsFrontend & DesignGuide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices.204k27.7k
16Gpt Image 2AI & AgentsGenerate images with OpenAI GPT Image 2 text-to-image on RunComfy using ChatGPT Images prompting patterns.194k9
17Develop UserscriptsFrontend & DesignAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging.154k61
18ImpeccableFrontend & DesignRedesign or polish dashboards, landings, forms, and components with UX critique, a11y, motion, and live browser iteration.152k35.9k
19Vercel React Native SkillsFrontend & DesignApply prioritized React Native performance rules (lists, rendering, stable refs) when agents generate or refactor mobile UI code.137k27.7k
20Design Taste FrontendFrontend & DesignShip polished React/Next.js UIs with explicit design-variance, motion, and density knobs; enforce dependency checks, RSC defaults, and metric-driven layout instead of generic LLM styling.124k37.9k
21Extract Design SystemFrontend & DesignScrape design primitives from a public reference site into normalized JSON and starter CSS token files for your app.118k51
22High End Visual DesignFrontend & DesignMake your agent produce premium marketing and product UI with enforced typography, spacing, motion, and anti-generic defaults instead of template-looking Tailwind pages.103k37.9k
23Next Best PracticesFrontend & DesignGive your coding agent authoritative Next.js rules for file layout, RSC boundaries, async App Router APIs, metadata, errors, and performance while you ship App Router apps.102k919
24Redesign Existing ProjectsFrontend & DesignUpgrade an existing site or app to feel premium by auditing generic AI UI patterns and applying targeted typography, layout, and polish fixes without a full rewrite.101k37.9k
25Remotion RenderAI & AgentsTurn Remotion/React TSX components into MP4s through belt so your agent can ship motion graphics and data-driven videos from code.100k512
26Ai Image GenerationAI & AgentsGenerate product mockups, marketing visuals, and social graphics from text prompts without leaving your agent workflow.100k512
27Minimalist UiFrontend & DesignGenerate ultra-minimal, editorial web interfaces with warm monochrome typography, flat bento grids, and explicit bans on generic SaaS chrome.94.8k37.9k
28HyperframesAI & AgentsAuthor HTML-first video compositions—captions, TTS, beat-synced motion, and scene transitions—for launch and marketing assets without a separate NLE toolchain.89.2k25.6k
29Industrial Brutalist UiFrontend & DesignApply a rigid industrial-brutalist design system when building data-heavy dashboards, portfolios, or editorial sites that should read like machinery manuals or tactical terminals.88.2k37.9k
30Stitch Design TasteFrontend & DesignGenerate a Stitch-ready DESIGN.md so Google Stitch prompts produce premium, anti-generic screens with calibrated type, color, motion, and performance rules.87.8k37.9k
31Emil Design EngFrontend & DesignApply Emil Kowalski’s design-engineering taste—polish, motion, and micro-interactions—while you build interfaces that feel intentional, not merely functional.84.4k2.2k
32Hyperframes CliAI & AgentsRun the HyperFrames dev loop—init, lint, inspect, preview, and render HTML video compositions from the terminal without guessing FFmpeg or Node setup.84.4k25.6k
33GsapFrontend & DesignAuthor GSAP motion that HyperFrames can seek frame-by-frame when building programmatic video compositions.84.1k25.6k
34CritiqueFrontend & DesignRun an independent, bias-resistant UX critique of a feature, page, or component with scored feedback before you ship UI changes.83.4k35.9k
35AnimateFrontend & DesignAudit a UI feature and add purposeful motion, feedback, and micro-interactions without violating performance or Impeccable design rules.82.5k35.9k
36AdaptFrontend & DesignTake a desktop-first or single-context design and adapt breakpoints, touch targets, and layouts for mobile, tablet, print, or other platforms.82.5k35.9k
37ClarifyFrontend & DesignRewrite confusing labels, errors, and microcopy so solo-built products read clearly for real users.82k35.9k
38ColorizeFrontend & DesignAdd meaningful color to gray or flat UIs so solo-built products feel warm, legible, and on-brand.81.6k35.9k
39BolderFrontend & DesignPush a bland or generic UI toward stronger visual personality and hierarchy without breaking usability, after Impeccable design context is loaded.80.8k35.9k
40DelightFrontend & DesignAdd personality, micro-interactions, and memorable polish to an existing interface without breaking usability or brand fit.80.6k35.9k
41DistillFrontend & DesignRuthlessly simplify an existing UI or layout so the primary user goal is obvious and visual noise is gone.80.2k35.9k
42QuieterFrontend & DesignCalm an overstimulating UI after a bold first pass without throwing away what already works.79.4k35.9k
43Gpt TasteFrontend & DesignShip marketing and product pages that look award-grade instead of default narrow-hero LLM layouts.79k37.9k
44Canvas DesignFrontend & DesignGenerate polished static visuals—posters, slides, and branded graphics—as files your agent can drop into landing pages, docs, or launch assets.69.3k148k
45Image To CodeFrontend & DesignGenerate premium section reference images first, analyze them deeply, then implement heroes and multi-section sites that match—optimized for Codex workflows.67.3k37.9k
46TypesetFrontend & DesignFix generic or muddy typography—fonts, scale, weight, and hierarchy—so marketing and product UI text reads intentional.65.3k35.9k
47Css AnimationsAI & AgentsAuthor CSS keyframe motion that HyperFrames can seek deterministically in preview and final render.64.2k25.6k
48OverdriveFrontend & DesignPush a product UI past conventional polish with shaders, spring physics, scroll-driven motion, and 60fps interactions after design context is locked.63.4k35.9k
49TailwindFrontend & DesignStyle HyperFrames composition HTML with Tailwind CSS v4 browser-runtime utilities and CSS-first theme tokens—not v3 PostCSS patterns.62.6k25.6k
50AnimejsFrontend & DesignWire Anime.js animations into HeyGen HyperFrames so every frame is seek-driven, autoplay-off, and registered on `window.__hfAnime` for deterministic video renders.62.3k25.6k
51ThreeFrontend & DesignBuild deterministic Three.js/WebGL layers in HyperFrames that render on `hf-seek` using `window.__hfThreeTime`, not requestAnimationFrame.61.7k25.6k
52LottieFrontend & DesignWire lottie-web and dotLottie players into HyperFrames so exported motion graphics scrub deterministically on a timeline.61.4k25.6k
53Web Artifacts BuilderFrontend & DesignScaffold React + shadcn/ui artifact repos, develop multi-component UIs, and bundle them into single HTML files for Claude-style web artifacts.61.4k148k
54WaapiFrontend & DesignAuthor native `element.animate()` motion that HyperFrames can scrub via `document.getAnimations()` and `currentTime` without GSAP.61.1k25.6k
55NormalizeFrontend & DesignAudit a page or component and realign spacing, tokens, and patterns to your design system when UI has drifted from standards.54.9k35.9k
56Theme FactoryFrontend & DesignApply one of ten curated font and color themes—or generate a new theme—to slides, docs, reports, or HTML artifacts for a consistent professional look.54.5k148k
57Algorithmic ArtAI & AgentsGenerate procedural or code-driven artwork and visual experiments without hand-drawing every asset.54k148k
58ExtractFrontend & DesignMine repeated UI patterns and hard-coded styles from your app and consolidate them into components and design tokens.53.8k35.9k
59Frontend DesignFrontend & DesignDetect that the renamed impeccable skill replaced this stub and update or delete the deprecated frontend-design folder in your agent setup.53.7k35.9k
60Vercel React View TransitionsFrontend & DesignShip native-feeling route and layout animations in React and Next.js using the View Transition API without ad-hoc CSS hacks.52.2k27.7k
Showing the top 242 of 1,636 tools · search to find the rest.
Explore more
By category