Website Developers: the all-in-one AI plugin for your work

Skills for website developers 15

• web performance optimizationFinds what makes a page slow and fixes it, for example cutting a 4 second homepage load by splitting the bundle.
• image description and tagging assistantWrites alt text and tags for images, for example describing 40 product photos so screen readers and search engines read them.
• security best practicesReviews your code for security holes, for example an unescaped form field that lets a user inject script.
• agency engineering frontend developerBuilds and fixes React, Vue and Angular components, for example turning a Figma layout into a working responsive page.
• website content managerAudits and improves site content and structure, for example fixing thin service pages that get no search traffic.
• ui ux feedback assistantGives feedback on a URL or mockup, for example noting that your mobile menu hides the contact button.

Plus a start-here assistant, the prompt library and the app builder, and for members the daily brief.

Ready-made prompts 212

• AI & ChatGPT for Content Generation10 prompts, like ARIA Landmark Roles Guide
• Image Description and Tagging16 prompts, like Accessible Image Description
• Chatbot Integration17 prompts, like Appointment Scheduling Chatbot Design
• Website Localization20 prompts, like Adapt Content for Cultural Relevance
• API Documentation Assistance22 prompts, like API Change Management Framework
• Competitor Analysis20 prompts, like Competitor Website Identification
• Data Visualization for Websites19 prompts, like Structured Data Gathering

Apps you can build with AI 7

• Source-linked content, chatbot and demo consoleBuild this when chatbot answers and demo scripts must stay tied to approved sources you can show a client. Demo included.
• Managed AI workflow delivery workspaceBuild this to run content generation and automated checks in one workspace with a single review trail. Demo included.
• Website audit and conversion evidence workspaceBuild this when you audit sites often and every recommendation must link back to its evidence. Demo included.
• Search content production and optimization workspaceBuild this to keep one reviewed record from keyword research to published page without tool switching. Demo included.
• Source-linked multi-model text and code workbenchBuild this when you want generation, coding and analysis in one console with source-linked outputs. Demo included.
• Design-to-code delivery workspace with managed implementationBuild this to cut design handoffs while keeping your own components and review rules intact. Demo included.
• Source-linked technical documentation workspaceBuild this when docs drift and you need human approval over every published change. Demo included.

AI agents 12

In the download. An agent runs a whole recurring task for you, step by step, and asks you before anything important. Ask your AI: "Run the Localization Resource Integrity Agent". Each one also has a guided set-up with sample data on its page.

• Localization Resource Integrity AgentEvery localized string keeps its placeholders and renders correctly.
• Content Inventory and Gap Audit AgentProduce an inventory with a keep, update, merge or remove decision and an owner for every page, with no broken links after the plan.
• Competitor Feature Tracking AgentKeep a verified competitor comparison table that shows what changed and when.
• Analytics Funnel Hypothesis AgentFind the cause of the biggest funnel drop through a series of tested hypotheses.
• Release Checklist and Rollback AgentReach a production deploy where all checks pass and a tested rollback exists.
• Uptime and Incident Response AgentDetect and confirm outages quickly, find the likely cause and verify recovery.
• Form and Checkout Flow Test AgentKnow within a day when any form or checkout stops working, with proof of where it failed.
• Core Web Vitals Improvement AgentRaise the key pages above the target scores with measured, verified fixes.
• Site Migration Cutover AgentMove a site with no lost pages, redirects, email or tracking, and with a verified switch.
• Client Website Maintenance Report AgentApply safe updates, prove the site is healthy and send the client a clear monthly record.
• Web Content Translation Sync AgentKeep every translated page in sync with its source, with verified text and rendering.
• Dependency Update Safety AgentDependencies kept current and secure without breaking the build

Connections (MCP servers) 12

A guide in the download. A connection lets your AI work in an app you already use. You add only the ones you use: ask your AI "Which apps can you connect to?" and follow the steps on each connection's page.

• PageSpeed Insights MCP serverAsk your AI to check how fast any web page loads, on phone or desktop, and what to fix first.
• Visionaire Engine MCP serverLets your AI inspect a live web page and tell you exactly which CSS rule wins, from which file and line.
• iOS Safari Debug MCP serverLets your AI look at and control Safari on a real iPhone or iPad connected to your computer.
• Framelink MCP for FigmaLet your AI read your Figma designs and turn them into working code.
• Kiyas design check MCP serverCompare a Figma design or screenshot with your live UI and get a plain list of what looks different.
• Chrome Bridge MCP serverLet your AI work inside the Chrome you are already signed into, and hand tricky steps back to you.
• Baseline MCP serverLets your AI check whether a web feature is safe to use in browsers, using Baseline status.
• Amendor MCP serverLet your AI pull website change requests from Amendor and turn them into pull requests.
• Web Validator by DigestSEOCheck your web pages for HTML, CSS, SEO, and accessibility problems, and take screenshots at different screen sizes. No install needed.
• Web Accessibility Testing MCP serverCheck any web page or HTML snippet for accessibility problems, color contrast and ARIA mistakes.
• wcagc accessibility MCP serverLet your AI run real accessibility scans on web pages and PDFs and read the findings back. Official. No install needed.
• SounnyForms MCP serverLet your AI build contact forms and send form submissions to any email inbox, no API keys needed. Official.

Your Grok Bot team 11

• Web Performance OptimizationMeasure, diagnose, and fix website performance issues like Core Web Vitals, bundle size, and caching.
• Image Description and Tagging AssistantDescribes, tags, and organizes images for accessible, searchable websites.
• Security Best PracticesReviews code for language and framework specific security vulnerabilities and suggests fixes.
• Website Content ManagerManages your website's content lifecycle from planning to promotion and analytics.
• UI/UX Feedback AssistantEvaluates UI/UX, navigation, accessibility, performance, and more with actionable feedback.
• Website Accessibility AuditorMakes your website accessible by auditing content, structure, and forms against WCAG standards.
• Cross-Browser Compatibility AssistantFinds, fixes, and prevents cross-browser issues for web developers.
• Api Integration SpecialistIntegrates third-party APIs with authentication, error handling, rate limiting, and retry logic.
• Chatbot Integration DesignerDesigns, builds, and refines chatbots for websites, from conversation flows to multilingual support.
• Website Data Visualization AssistantTurns website data into clear, interactive visualizations that engage users.
• Documentation TemplatesProvides ready-to-use templates for README, API docs, code comments, changelogs, ADRs, and AI-friendly docs.