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
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
- Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
- Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
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
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS
Tobiasmue91.Github.Io
GPTGames - Simple HTML, JS, CSS games and tools created with the help of ChatGPT and Claude.
Convert To Wp Theme
Convert a complete HTML/CSS/JavaScript project into a production-ready WordPress block theme (Full Site Editin
Web Image Skill
不依赖模型的多模态能力,用 HTML/CSS 渲染生成图片的 Claude Code skill · 32 套风格 · 20+ 尺寸预设 · 零依赖导出 PNG
Animated Skill Box
Amazing Animated Skill Box using HTML , CSS & JS.
Build Experience
Constrói uma experiência frontend imersiva (single-file HTML, Three.js/GSAP/CSS scroll-driven, 60fps).
Related Agents
Pclsync C Expert
Consultant for the pclsync C library (GNU C99). Expert in cloud sync engines, FUSE virtual filesystems, client
Security Compliance Officer
Use this agent for banking security audits, compliance validation, and secure coding practices in Android appl
HTML CSS
Web standards for semantic markup, maintainable styling, and accessibility. - wshobson/agents