Generate HTML, CSS and JS
Turn ideas, screenshots, and designs into clean, responsive HTML, CSS, and JavaScript. Build landing pages, websites, portfolios, business pages, store pages, blogs, emails, forms, navigation, dashboards, UI components, mini apps, and more. More
Skills 34 in the ChatGPT listing
accessibility Makes HTML accessible and WCAG compliant: semantic structure, headings, alt text, labels, ARIA, keyboard navigation, focus, color contrast, skip links, screen reader support and accessibility audits of the user's code. Aidesigner guide Expert guide to using AIDesigner with this plugin: generating beautiful websites, landing pages and UI designs from a prompt, turning images into HTML, redesigning sites, editing designs and using the code in real projects. Animations effects Adds animations and visual effects to web pages: CSS transitions, keyframes, scroll reveal, parallax, hover effects, loaders, typing effects, text animations, particle backgrounds and smooth micro-interactions. Blog article pages Generates blog, news and article pages in HTML and CSS: blog home, article layout, reading-friendly typography, table of contents, author box, categories, related posts, comments section UI and newsletter signup. bootstrap Generates responsive websites and components with Bootstrap: grid, navbar, cards, modals, forms, carousels and utilities, plus custom theming and conversion between Bootstrap and plain CSS. Business website Generates websites for businesses and brands: restaurants, cafes, salons, agencies, real estate, law firms, consultants, contractors, local services, hotels, events and startups, with services, menus, galleries, booking, maps and contact. Code review Reviews and refactors HTML, CSS and JavaScript: code quality score, semantics, accessibility, responsiveness, SEO, performance, security and maintainability, with a cleaner improved version. Convert code Converts code and content to and from HTML: HTML to React, Vue, Svelte or Next.js components, Markdown, text, documents or JSON to HTML, CSS to Tailwind, jQuery to vanilla JavaScript, and old HTML to modern HTML5. Css styling Writes and improves CSS: modern layouts, colors, typography, spacing, shadows, gradients, glassmorphism, neumorphism, dark mode, CSS variables, theming and turning plain HTML into a beautiful design. Dashboard admin Generates dashboards and admin panels in HTML, CSS and JavaScript: sidebar layouts, stat cards, charts, data tables, filters, settings pages, user profile pages and analytics screens. Deploy hosting Helps publish HTML websites online: preparing files, folder structure, custom domains, static hosting, web hosting uploads, HTTPS, favicons, 404 pages, forms on static sites and a launch checklist. Design to code Converts designs from Figma, Sketch, Adobe XD, Canva or written specs into pixel-accurate, responsive HTML and CSS: design tokens, components, spacing, typography and developer-ready structure. Forms validation Generates HTML forms with validation: contact, signup, login UI, booking, quote request, survey, multi-step and file upload forms with accessible labels, clear errors and JavaScript validation. Full website Generates complete multi-page websites in HTML, CSS and JavaScript: home, about, services, pricing, blog, contact and more, with shared navigation, consistent design, working links and a clean folder structure. Html brief Plans a website or web page before coding: goal, audience, pages, sections, content, style, colors, fonts, features and tech choices, turning a vague idea into a clear build plan and sitemap. Html code generator Always use this skill for every message while HTML Code Generator is active, including greetings, thanks, short replies, off-topic messages and every follow-up. Html debugging Finds and fixes bugs in HTML, CSS and JavaScript: broken layouts, elements not showing, styles not applying, overlapping items, console errors, broken links, forms not working and validation errors. Html email Generates HTML email templates that render well in major email clients: newsletters, welcome emails, promotions, receipts, event invites and notifications, with table-based layouts, inline CSS and dark mode care. Html help Shows everything HTML Code Generator can do with example requests, and helps new users create their first web page in seconds. Html learning Teaches HTML, CSS and JavaScript step by step for beginners to advanced learners: clear explanations, examples, exercises, mini projects, quizzes and a learning roadmap for web development. Image to html Turns screenshots, mockups, sketches and design images into HTML and CSS code: analyzes the layout, colors, fonts and spacing and rebuilds the page as clean, responsive code. Javascript interactivity Adds JavaScript interactivity to HTML pages: DOM events, dark mode toggles, tabs, filters, search, sliders, counters, form handling, local data, fetching APIs and dynamic content, in clean vanilla JavaScript. Landing page Generates high-converting landing pages in HTML and CSS: hero, benefits, features, social proof placeholders, pricing, FAQ, call to action and lead forms for products, apps, SaaS, services, events, courses and waitlists. Mini apps games Builds single-file web apps, tools and games in HTML, CSS and JavaScript: calculators, converters, quizzes, to-do lists, timers, generators, trackers, and simple browser games like memory, snake and tic-tac-toe. Navigation menus Generates headers, navigation bars, mobile hamburger menus, dropdowns, mega menus, sidebars, breadcrumbs and footers in HTML, CSS and JavaScript that are responsive and accessible. Online store pages Generates online store front-end pages in HTML, CSS and JavaScript: product grids, product detail pages, filters, cart drawer, wishlist, checkout layout and order summary UI for any shop. Performance optimization Makes websites load faster: Core Web Vitals, image optimization, lazy loading, minification, critical CSS, font loading, script deferring, caching tips and cleaner, lighter HTML, CSS and JavaScript. Portfolio website Generates personal portfolio and resume websites in HTML and CSS for developers, designers, photographers, writers, artists, freelancers and job seekers: projects, skills, experience, testimonials and contact. Recommended tools Recommends the best tools for building web pages: AIDesigner for AI-generated website and UI designs from a prompt, plus code editors, browser developer tools, validators, accessibility checkers, speed testers and static hosting matched to the user's goal. Responsive layout Makes websites fully responsive and mobile-friendly: mobile-first CSS, Flexbox, CSS Grid, breakpoints, fluid typography, responsive images and fixes for overflow and layout bugs on phones and tablets. Seo meta Optimizes HTML for search and sharing: title tags, meta descriptions, headings, Open Graph and social cards, canonical tags, structured data (JSON-LD), sitemaps, robots rules and SEO-friendly page structure. Tables data Generates HTML tables and data displays: pricing and comparison tables, schedules, timetables, sortable and searchable tables, responsive tables, and converts CSV, Excel data or JSON into clean HTML tables. Tailwind css Generates websites and components with Tailwind CSS: utility-first layouts, responsive and dark mode classes, custom colors, reusable patterns, and conversion between plain CSS and Tailwind. Ui components Generates reusable UI components in HTML, CSS and JavaScript: buttons, cards, modals, tabs, accordions, carousels, sliders, tooltips, alerts, toasts, badges, pricing tables, testimonials, timelines, galleries and more. 