A front-end page generation skill for building web pages and applications with React, Vue 3, Next.js, Nuxt.js, or simpler HTML-based tools. It covers visual design, API connections, forms, animations, and icons.
A collection of standard ways to add motion to websites, including CSS transitions, scroll-triggered effects, and GSAP animations. GSAP is a JavaScript library for controlling complex animations.
A reusable API client for sending requests to web services. It provides common request methods, JSON handling, timeouts, error conversion, and response caching support.
A form-validation toolkit: form validation checks whether entered values meet rules before they are accepted or sent. It includes checks for required fields, email, phone numbers, text length, patterns, matching fields, and numeric ranges.
A guide for choosing and using icons in generated web pages. It prioritizes icons stored locally, then the Lucide icon library, and finally generated SVG icons.
A set of user-interface design rules covering colors, text styles, spacing, rounded corners, shadows, and Tailwind CSS settings. User-interface design is the visual layout and behavior of an app's screens.