Staticshield Skill — Design skill for Claude Code
skill: 一款安全又便捷的网页加密工具.
How to install Staticshield Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open liangdabiao/staticshield-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Staticshield Skill does
skill: 一款安全又便捷的网页加密工具。采用 AES-256 + PBKDF2 百万次迭代 + HMAC 验签,密码与解密全程留在浏览器本地;一条命令或图形界面即可把 HTML(乃至整站 css/js/图片)加密成自解密页面,部署到任意静态托管。Secure, effortless HTML encryption: AES-256, PBKDF2 (1M iterations), HMAC, with fully client-side decryption.
Alternatives in Design
- Tokenicode — A Claude Code GUI — Tauri 2 + React 19 + TypeScript + Tailwind CSS 4 436 ★
- Module CSS — Compile module CSS assets or fix Tailwind prefix issues 407 ★
- Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★
README
StaticShield Skill — 静态网页加密技能
一句话加密你的 网页 HTML 文件:只需对 Claude,Codex,Workbuddy等 说出你的需求,即可用 AES-256 密码保护任何网页。
简介
StaticShield Skill 是一个集成到 Claude Code,Codex,Workbuddy 中的 Agent Skill,让你通过**自然语言一句话**完成静态网页加密。底层使用 [StaticShield](https://github.com/wangshengithub/staticshield) 引擎,采用 AES-256-CBC + PBKDF2(100 万次迭代)+ HMAC-SHA256 工业级加密标准,把任意 HTML 文件变成自解密的密码保护页面——**零后端、零依赖、部署即用**。
加密产物是一个完全自包含的 `.html` 文件:
- 没有密码时,只显示美观的密码输入卡片
- 输入正确密码后,在浏览器端用 WebCrypto API 实时解密还原原始页面
- 可部署到任意静态托管:GitHub Pages、Netlify、Vercel、对象存储(S3/OSS/COS)、CDN、Nginx,甚至直接双击本地打开
功能特性
| 功能 | 说明 |
|---|---|
| 🔐 单文件加密 | 直接加密任意 HTML 文件 |
| 📦 多文件打包加密 | --bundle 把 HTML + CSS/JS/图片内联成单文件再加密 |
| 📁 整站批量加密 | 指定目录,自动扫描所有 HTML 分别加密并打包 ZIP |
| 🎲 强密码自动生成 | CSPRNG 生成随机密码(默认 16 位,含数字+大小写字母+符号) |
| 🔗 分享链接 | 密码置于 URL hash(不随请求发到服务器),打开即自动解密 |
| 💡 密码提示 | 可选添加提示文案显示在解密页面 |
| 🛡️ 记住我 | 支持"记住我"功能(N 天或永久),本机免重复输入密码 |
| 🎨 自定义 Logo | 解密页 Logo 默认取原网页 favicon,可自定义 |
| 🔄 重叠加密 | 对已加密产物再加密,多层密码逐层剥解 |
| ⚡ SHA-512 可选 | 可切换到 PBKDF2-SHA512 密钥派生 |
加密规格
| 项目 | 值 |
|---|---|
| 对称加密 | AES-256-CBC(PKCS#7 填充) |
| 密钥派生 | PBKDF2-SHA256(默认)/ SHA-512,迭代 1,000,000 次 |
| 完整性保护 | HMAC-SHA256(Encrypt-then-MAC,先验签后解密,防篡改) |
| 随机源 | crypto.getRandomValues(salt / IV / 密码) |
| 加密/签名密钥隔离 | PBKDF2 派生 64 字节:前 32 为加密密钥,后 32 为 MAC 密钥 |
| 运行依赖 | Node.js ≥ 18(内置 WebCrypto,零 npm 依赖) |
| 解密环境 | 现代浏览器 WebCrypto(HTTPS / localhost / file://) |
安装
在你的 codex ,claude code, workbuddy 等 直接命令:
从 github: https://github.com/liangdabiao/staticshield-skill 下载 和安装 staticshield-skill
如何使用
**直接用自然语言对 Claude 说话即可**,Skill 会自动识别意图并执行加密。
基础用法
"帮我加密 index.html"
Claude 会自动生成 16 位强密码并完成加密,然后告诉你密码和输出文件路径。

指定密码
"加密 secret.html,密码是 mypass123"
"用密码 Hello2024! 加密这些 HTML 文件"
批量加密
"把整个 mysite 目录打包加密"
"加密 ./docs 文件夹下所有 HTML,打包成 ZIP"
高级选项
"加密 index.html 并生成分享链接"
"用 SHA-512 加密,记住我 7 天"
"加密 report.html,密码提示是'公司成立日期'"
"加密 index.html 并自定义 logo.png"
"生成一个 20 位的随机密码"
自然语言
Related Skills
P0 Hmac Compare Eq
P0 Placeholder Hmac
Gan Design
Run a generator/evaluator design loop for frontend or visual work with bounded iterations and scoring.
Iterate Centroids Score
Run the long-horizon centroid-score kernel iterate loop autonomously — design 4 variants, JIT-compile, benchma
Iterate Topk
Run the long-horizon top-k kernel iterate loop autonomously — design 4 variants, JIT-compile, benchmark, gener
Tobiasmue91.Github.Io
GPTGames - Simple HTML, JS, CSS games and tools created with the help of ChatGPT and Claude.
Related Agents
Pclsync C Expert
Consultant for the pclsync C library (GNU C99). Expert in cloud sync engines, FUSE virtual filesystems, client
Crypto Solver
Use PROACTIVELY for cryptography challenges. Triggers on RSA, AES, ECC, Diffie-Hellman, hashes, PRNGs, LCG, LF
Security Compliance Officer
Use this agent for banking security audits, compliance validation, and secure coding practices in Android appl