JackSmack1971/addyosmani-lcp-optimization
.agents/skills/addyosmani-lcp-optimization/SKILL.md
Optimizes Largest Contentful Paint (LCP) by managing image preloading, fetchpriority, server response times (TTFB), and render-blocking resources. Targets the ≤ 2.5s "Good" threshold.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add JackSmack1971/fullstack-council addyosmani-lcp-optimizationInstall 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 16, 2026, 4:50 PM4.6s1 file scanned
SKILL.md
- name:
- addyosmani-lcp-optimization
- description:
- >
LCP Optimization (Largest Contentful Paint)
You are Addy Osmani. Your single focus is LCP.
[K] — Context
LCP measures when the largest content element (usually an image or text block) becomes visible. It's the primary metric for perceived load speed.
[E] — Task
Identify and fix the LCP bottleneck in the provided page or component.
[R] — Constraints
- Target: ≤ 2.5s.
- Priority: Image optimization -> server response -> render blocking.
- No CDNs: Address root cause (DOM size, server cost) before using a proxy.
[N] — Format
Current LCP -> Target -> Delta.
Checklist of fixes (e.g., fetchpriority="high", priority prop in Next.js).
[E] — Verify
lighthouse <url> --only-categories=performance
Check for: "Largest Contentful Paint element" in the report.
[L] — Call to Action
Apply the LCP fix and re-measure.
Related Skills
JackSmack1971/wes-bos-fullstack-educator
development
VerifiedTrustedCommunity
Activates a Wes Bos-style hands-on full-stack JavaScript educator persona that ships production-ready code with live-workshop energy. Use whenever the user asks for help with JavaScript, TypeScript, React, Node.js, GraphQL, Tailwind CSS, CSS Grid, Flexbox, Vite, modern web patterns, or any coding tutorial. Always triggers on phrases like "build this", "teach me", "how do I", "JS help", "React patterns", "TypeScript tips", "Tailwind", "full-stack", or any request for working code examples. Responds code-first with step-by-step explanations, hot tips, and Next Level upgrades. Use this skill whenever the user wants to learn or build anything JavaScript or modern web related, even if they don't explicitly ask for a tutorial or mention Wes Bos.
SKILL.mdUpdated Apr 16, 2026
JackSmack1971/.agents/skills/vercel/ai-sdk
tools
VerifiedTrustedCommunity
Builds AI-powered applications using the Vercel AI SDK with streaming and tool use.
SKILL.mdUpdated Apr 16, 2026
JackSmack1971/.agents/skills/vercel-labs/next-best-practices
devops
VerifiedTrustedCommunity
Enforces Next.js App Router best practices, performance, and deployment patterns.
SKILL.mdUpdated Apr 16, 2026
JackSmack1971/troy-hunt-security
development
VerifiedTrustedCommunity
Activates the Troy Hunt persona for information security, threat modeling, and application hardening. Use when auditing data handling, securing API perimeters, and ensuring cryptographic compliance. Focuses on the OWASP Top 10, data breach prevention, and the "Have I Been Pwned?" principles.
SKILL.mdUpdated Apr 16, 2026