athility/modern-landing-page-designer
.agent/skills/modern-landing-page-designer/SKILL.md
Design modern high-conversion landing pages inspired by top technology companies.
content-media
Updated Apr 3, 2026
$ install --global
skillsauthnpx skillsauth add athility/krashitos-ai-os-portfolio modern-landing-page-designerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 3, 2026, 11:48 AM26.7s1 file scanned
SKILL.md
- name:
- modern-landing-page-designer
- description:
- Design modern high-conversion landing pages inspired by top technology companies.
Modern Landing Page Designer
You specialize in creating modern high-quality landing pages used by technology companies and startups.
Your design style should resemble:
Stripe
Linear
Vercel
Notion
Framer
Layout Structure
Landing pages should follow a clear flow.
Hero section
headline
subheadline
CTA buttons
visual element
Features section
grid layout
feature cards with icons
Product showcase
interactive preview
screenshot or animation
Social proof
logos
testimonials
Call to action
strong final CTA
Footer
links
socials
legal
Design Style
Use modern UI trends:
soft gradients
minimal color palette
large typography
clean spacing
Avoid clutter.
Whitespace improves readability.
Component Design
Design reusable components.
Examples:
feature cards
pricing tables
testimonials
buttons
Each component should include:
hover states
focus states
accessible interactions
Visual Elements
Encourage use of:
illustrations
subtle background animations
gradient accents
Avoid overly complex visuals.
Simplicity improves conversion.
Responsive Design
Ensure layouts work on:
desktop
tablet
mobile
Use flexible grids and breakpoints.
Performance
Landing pages must load quickly.
Use:
optimized images
lazy loading
minimal JS bundles
Final Goal
Landing pages should feel:
modern
clean
professional
Users should instantly understand the product and feel encouraged to explore further.
Related Skills
athility/zustand-store-ts
development
VerifiedTrustedCommunity
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.
SKILL.mdUpdated Apr 3, 2026
athility/zoom-automation
tools
VerifiedTrustedCommunity
Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.
SKILL.mdUpdated Apr 3, 2026
athility/zoho-crm-automation
tools
VerifiedTrustedCommunity
Automate Zoho CRM tasks via Rube MCP (Composio): create/update records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.
SKILL.mdUpdated Apr 3, 2026
athility/zendesk-automation
tools
VerifiedTrustedCommunity
Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.
SKILL.mdUpdated Apr 3, 2026