ag47-designer-labs-landing-pages
CommunityBuild immersive high-converting Labs landing pages.
Design & Creative#next.js#tailwind css#web design#conversion optimization#glassmorphism#landing pages#framer-motion
Authorag47-pt
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of designing and implementing premium landing pages that maintain a consistent high-end brand experience while balancing visual impact, conversion goals, and technical architecture.
Core Features & Use Cases
- Labs Blueprint Design System: Creates dark-first landing pages with glassmorphism, atmospheric backgrounds, dynamic themes, and technical visual elements.
- Interactive Page Architecture: Builds hero sections, metrics bars, sticky scroll processes, pricing modules, service grids, FAQs, and conversion-focused CTAs.
- Next.js Implementation Guidance: Provides patterns for React components, Tailwind CSS styling, framer-motion animations, SEO metadata, and reusable data-driven structures.
Quick Start
Use the ag47 designer labs landing pages skill to create a complete landing page for a new service following the Labs Blueprint aesthetic.
Dependency Matrix
Required Modules
None requiredComponents
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: ag47-designer-labs-landing-pages Download link: https://github.com/ag47-pt/Website/archive/main.zip#ag47-designer-labs-landing-pages 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 545,000+ vetted skills library on demand.