liangdabiao

Staticshield Skill — Design skill for Claude Code

Design community

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 位强密码并完成加密,然后告诉你密码和输出文件路径。

![](demo.gif)

指定密码

"加密 secret.html,密码是 mypass123"
"用密码 Hello2024! 加密这些 HTML 文件"

批量加密

"把整个 mysite 目录打包加密"
"加密 ./docs 文件夹下所有 HTML,打包成 ZIP"

高级选项

"加密 index.html 并生成分享链接"
"用 SHA-512 加密,记住我 7 天"
"加密 report.html,密码提示是'公司成立日期'"
"加密 index.html 并自定义 logo.png"
"生成一个 20 位的随机密码"

自然语言