optimize
Optimize Frontend Performance
Slow interfaces hurt user trust and conversion. This skill gives Claude, Codex, and Claude Code a structured way to measure and improve frontend performance.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "optimize" from https://skillstore.io/skills/pbakaus-optimize.md and its manifest at https://skillstore.io/api/skills/pbakaus-optimize/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "optimize". Review the checkout page for performance issues before launch.
Expected outcome:
A prioritized audit plan covering LCP assets, JavaScript cost, layout shifts, mobile testing, and before and after success metrics.
Using "optimize". The dashboard animation feels slow on mid-range phones.
Expected outcome:
A rendering-focused diagnosis that checks layout thrashing, paint cost, animation properties, long tasks, and safer GPU-friendly alternatives.
Using "optimize". Reduce bundle size for a new analytics feature.
Expected outcome:
A bundle optimization plan covering dependency review, route splitting, lazy loading, tree shaking, and verification with a bundle analyzer.
Security Audit
SafeAll 30 static findings are false positives from Markdown code fences, inline code formatting, and educational frontend snippets in SKILL.md. I found no prompt injection, data exfiltration intent, command execution requirement, or system reconnaissance behavior in the skill content.
Risk Factors
⚡ Contains scripts (1)
⚙️ External commands (24)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/pbakaus-optimize/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/pbakaus-optimize?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/pbakaus-optimize?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-optimize/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/pbakaus-optimize.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
pbakaus. (2026). optimize security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-optimize/audits/4BibTeX citation
@techreport{pbakaus-pbakaus-optimize-2026,
author = {pbakaus},
title = {optimize security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-optimize/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "optimize security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-optimize/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-optimize:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Improve a Slow Landing Page
Audit image loading, critical CSS, fonts, and LCP blockers before changing production code.
Reduce Bundle Cost Before Release
Identify code splitting, tree shaking, dependency, and lazy loading opportunities for a feature launch.
Create a Performance Audit Plan
Build a measurement plan that tracks Core Web Vitals, device coverage, network profiles, and regression risk.
Try These Prompts
Use the optimize skill to review {page or feature}. Identify likely loading, image, CSS, and JavaScript bottlenecks before code changes.Use the optimize skill for {target}. Build a prioritized plan to improve LCP, INP, and CLS with measurement steps.Use the optimize skill to investigate jank in {interaction}. Compare layout, paint, animation, and re-render causes, then recommend fixes.Use the optimize skill to create a before and after measurement strategy for {product area}. Include monitoring, rollout checks, and regression risks.Best Practices
- Measure before and after each optimization.
- Prioritize user-visible bottlenecks before small code-level optimizations.
- Test on mobile devices and slow network profiles.
Avoid
- Lazy load above-fold content without measuring the impact.
- Add will-change broadly across many elements.
- Improve performance scores while breaking accessibility or expected behavior.