login-screen
CommunityBuild premium login/auth screens.
AuthorHolymir
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a pre-built, premium-grade UI component for creating login and registration screens for web applications, saving significant development time.
Core Features & Use Cases
- Split-Screen Layout: Offers a desktop-friendly layout with an animated WebGL gradient on one side and a form on the other.
- Animated Background: Utilizes a WebGL mesh gradient for a modern, dynamic visual effect.
- Enterprise Form Styling: Includes polished input fields, buttons, and toggles suitable for professional applications.
- Use Case: Quickly integrate a sophisticated authentication flow into a new React + TailwindCSS project, enhancing user experience and brand perception.
Quick Start
Use the login-screen skill to generate a React component for a split-screen login page with an animated background.
Dependency Matrix
Required Modules
@paper-design/shaders-reactlucide-react
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: login-screen Download link: https://github.com/Holymir/liquid-arc/archive/main.zip#login-screen Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.