Frontend design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Browse visual styles, design systems, interaction patterns, and workflow skills for building better interfaces with Cursor, Claude Code, Codex, and other AI coding agents.
Popular: Industrial brutalist UI, Minimalist UI, Agency grid layout minimal, Blue cloudy clean modern
22 results in Landing pages.
Clear filters22 local editorial records
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
Result: A landing page that explains the product faster and gives the primary CTA a job.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (
Result: A landing page that explains the product faster and gives the primary CTA a job.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
Result: A landing page that explains the product faster and gives the primary CTA a job.
UI/UX design intelligence for web and mobile.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Anti-slop frontend skill for landing pages, portfolios, and redesigns.
Result: A landing page that explains the product faster and gives the primary CTA a job.
The original v1 taste-skill, preserved for projects depending on its exact behavior.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Elite UX/UI & Advanced GSAP Motion Engineer.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Teaches the AI to design like a high-end agency.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Upgrades existing websites and apps to premium quality.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired imagery, standout heroes, GSAP choreography, one smoo
Result: A landing page that explains the product faster and gives the primary CTA a job.
Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white chapters, exposed grids, documentary imag
Result: A landing page that explains the product faster and gives the primary CTA a job.
Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility labels, and restrained accent color.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Webgl landing steering.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词(任意组合),先产出一份标准化 DESIGN.md 设计规范,用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端:Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX
Result: A landing page that explains the product faster and gives the primary CTA a job.
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing,
Result: A landing page that explains the product faster and gives the primary CTA a job.
Upgrade an existing website or app to premium quality without breaking functionality , audit the current design, identify generic/AI tells, then apply taste and system rules surgically.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Produce thoughtful, high-fidelity design artifacts in HTML , landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.
Result: A landing page that explains the product faster and gives the primary CTA a job.
Editorial index
DesignMD owns the local navigation and editorial framing. Source owners keep their original artifacts, licenses, and attribution. Records without a verified artifact are labeled clearly instead of pretending to be installable bundles.