security

Secure static HTML pages with Cloudflare headers, SRI, and security audits.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/AnanyaBanerjee/front-end-expert --skill security-ananyabanerjee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: security
Source: https://github.com/AnanyaBanerjee/front-end-expert/tree/main/skills/security
Command: npx skills add https://github.com/AnanyaBanerjee/front-end-expert --skill security-ananyabanerjee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many static HTML pages lack consistent security defaults, leaving them vulnerable to headers misconfigurations, unsafe links, and data exposure. This Skill ensures every page ships with a robust baseline of security controls by default.

Core Features & Use Cases

  • Cloudflare-compatible security headers setup via a standard site/_headers file for all pages.
  • Subresource Integrity (SRI) guidance and enforcement for external scripts and styles.
  • No-secrets policy and safe handling of sensitive data in client-side code.
  • Safe external links with rel="noopener noreferrer" safeguards.
  • Email protection techniques and form security with third-party services.
  • HTML security audit checklist to verify configurations before deployment.
  • Use Case: Rapidly bootstrap a new project with secure defaults across pages and components.

Quick Start

Configure a default secure template and a site/_headers file with recommended security headers for every project.

Frequently Asked Questions about security

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Cloudflare security headers for static HTML pages?

To configure Cloudflare security headers for static HTML pages, create a standard site/_headers file to enforce strict Content Security Policy controls and robust baseline protections across all project pages by default.

What is Subresource Integrity (SRI) and how do I enforce it for external scripts?

Subresource Integrity (SRI) ensures external scripts and styles have not been tampered with. You enforce SRI by adding cryptographic integrity attributes to external script tags, preventing the execution of modified resources.

How do I secure HTML forms and protect emails on static sites?

Secure HTML forms and protect emails on static sites by implementing honeypot forms to block bots, using third-party services for safe data handling, and applying email protection techniques to prevent address scraping.

What is the best way to prevent secrets from leaking into client-side code?

The best way to prevent secrets from leaking into client-side code is to enforce a strict no-secrets policy, verifying that sensitive data and credentials are never included in static HTML or client-side scripts.

Do I need to manually add rel attributes to external links for web security?

You do not need to manually add rel attributes to every external link for web security. The default secure template automatically safeguards external links by enforcing rel="noopener noreferrer" to prevent tab hijacking.

How do I run an HTML security audit checklist before deployment?

Run an HTML security audit checklist before deployment to verify configurations across all pages. The audit validates header setups, SRI enforcement, safe external links, and form security to ensure no vulnerabilities ship.