Skill UI

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

This comprehensive workflow guides developers through building a production-ready, full-stack web application entirely within the Replit environment. It covers setting up the entire architecture, including Express/Flask backend logic, robust PostgreSQL database integration for persistent data, implementing secure user authentication using Replit Auth, and managing file uploads via Object Storage. It is the definitive guide for launching a complex, scalable SaaS project from scratch.

This skill guides users through building a minimal yet comprehensive working application on the Replit platform. It demonstrates how to integrate and use core platform services such as the built-in Key-Value Database, Object Storage for file handling, user Authentication, and standard web frameworks (Express/Flask). Use this guide when starting a new Replit project or when learning the foundational infrastructure services provided by the platform.

This guide provides comprehensive instruction on integrating with the full Replit ecosystem. Learn to monitor deployment lifecycles, set up external webhook receivers (e.g., GitHub, Stripe), build custom workspace extensions using React/TypeScript, and create complex automated workflows using Replit Agents. Essential for building scalable, event-driven applications on Replit.

Guides building Apex logic, Lightning Web Components, SOQL tuning, integrations, and DX-powered deployments for Salesforce apps, with emphasis on bulk-safe, governor-friendly, and CI/CD-aware workflows.

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.

This comprehensive tool validates web applications against WCAG 2.1/2.2 accessibility standards. It combines automated scanning using industry-leading tools (like axe-core, Lighthouse) with crucial manual checks for keyboard navigation, ARIA implementation, and color contrast. It is essential for QA teams and developers who must ensure high usability and accessibility for all users, including those relying on screen readers.

Conducts detailed accessibility audits for web apps via the accessibility-test-scanner plugin, verifying WCAG 2.1/2.2 compliance, ARIA usage, keyboard navigation, and screen reader compatibility while providing remediation guidance when accessibility or compliance checks are requested.

Guide to mastering essential security scanning tools for network discovery, vulnerability assessment, web application testing, wireless checks, and compliance reporting, covering selection, configuration, and practical workflows.

This skill provides a practical guide for comprehensive accessibility validation of web applications. It helps users test compatibility with various screen readers, validate ARIA implementations, and debug issues related to assistive technologies. Ideal for ensuring that web forms, dynamic content, and navigation are fully usable by people with disabilities.

Automates the generation of professional, high-resolution marketing screenshots for your web application using Playwright. This skill guides you through the entire process, from gathering user requirements (product hunt, social media, documentation) to deep code analysis (routes, components). It ensures comprehensive coverage of key features, providing marketing-ready assets for your product launch or documentation.