Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option.
EnglishUse when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video.
EnglishUse when auditing metadata, crawlability, structured data, or indexability related to Optimize article link density. Verify the rendered HTML and HTTP response rather than relying only on source files.
EnglishUse when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media.
EnglishUse when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries.
EnglishUse when reviewing rendered HTML, interactive components, or design-system patterns related to Provide titles for iframes and frames.
EnglishUse when auditing or improving any frontend codebase against the full Front-End Checklist rule corpus through one entry point.
EnglishUse when reviewing templates, rendered HTML, or shared components related to Use semantic HTML elements. Validate the final browser-facing markup, not just the source framework abstraction.
EnglishUse when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3.
EnglishUse when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript.
EnglishUse when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with error handling.
EnglishUse when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just the source framework abstraction.
EnglishUse when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternatives to parallax effects.
EnglishUse when reviewing a website for privacy compliance, third-party resource loading, or cookie consent implementation.
EnglishUse when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before proposing a fix.
EnglishUse when applies to any element in HTML documents. Check the content attribute for user-scalable=no, user-scalable=0, maximum-scale=1, or maximum-scale values less than 2. This is a common mistake in mobile-first templates and CSS frameworks.
English
AGENT SKILLS ATLASIncludes Anchor Smooth Scroll, Animated Content, Article Links, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Anchor Smooth Scroll
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option. Check native semantics first, then in
Animated Content
Use when auditing slow page loads, heavy assets, or rendering delays related to Convert animated GIFs to video. Verify the actual bottleneck in DevTools, Lighthouse, or f
Article Links
Use when auditing metadata, crawlability, structured data, or indexability related to Optimize article link density. Verify the rendered HTML and HTTP response rather than relying only on source files.
Autoplay Media
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. Check native semantics first, then inspect keyboar
Duplicate JavaScript
Use when auditing slow page loads, heavy assets, or rendering delays related to Remove duplicate JavaScript libraries. Verify the actual bottleneck in DevTools, Lighthous
Frame Title
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide titles for iframes and frames. Check native semantics first, then i
Frontend Checklist Global
Use when auditing or improving any frontend codebase against the full Front-End Checklist rule corpus through one entry point.
Html5 Semantic Elements
Use when reviewing templates, rendered HTML, or shared components related to Use semantic HTML elements. Validate the final browser-facing markup, not just the source framework abstraction.
Http2
Use when auditing slow page loads, heavy assets, or rendering delays related to Enable HTTP/2 or HTTP/3. Verify the actual bottleneck in DevTools, Lighthouse, or field da
JavaScript Inline
Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. Inspect both source code and the browser execution path so
JSON Safety
Use when reviewing scripts, client components, bundles, or runtime behavior related to Parse JSON safely with error handling. Inspect both source code and the browser exe
404 Page
Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just the source framework abstraction.
Parallax Effects
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternatives to parallax effects. Check native semantics first, the
Third Party Cookies
Use when reviewing a website for privacy compliance, third-party resource loading, or cookie consent implementation.
Ttfb
Use when auditing slow first responses on SSR pages, APIs, or cacheable HTML. Distinguish origin compute time from network latency and CDN cache misses before proposing a fix.
Viewport Zoom
Use when applies to any element in HTML documents. Check the content attribute for user-scalable=no, user-scalable=0, maximum-scale=1, or maximum-scale values less than 2. This is a common mistake in mobile-first templates and CSS frameworks.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Anchor Smooth Scroll skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.