用途分类 / 其他用途
Responsive Design Skill 安全审计
作者说它能做什么（原文）
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
第三方安全检查结论
这次检查未发现明显风险
- 已检查文件
- 5
- 发现的风险
- 0
会不会运行危险命令？检查是否下载程序后直接运行、让他人远程控制电脑，或藏起要运行的命令。未发现风险
会不会泄露文件和密钥？检查是否发送含密码或密钥的文件，以及代码里是否直接写了密钥。未发现风险
会不会删除文件或一直在后台运行？检查是否大范围删除文件、改写磁盘，或设置自动启动。未发现风险
会不会绕过安全保护？检查是否跳过网站安全验证、开放过多文件权限，或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容？检查工作说明是否要求 AI 忽略你的指令、干扰检查结果，或夹带看不见的文字。未发现风险
会不会偷偷改推广链接或收款方？检查是否强制替换推广链接或收款对象，同时要求隐瞒更改。未发现风险
Skill 逻辑拆解
该 Skill 的实际内容是响应式网页设计指南，主要介绍容器查询、流式排版、CSS Grid/Flexbox、断点和响应式媒体；其声明用途与所提供的模式一致。
查看原文
---name: responsive-designdescription: Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.---## Core Capabilities### 1. Container Queries- Component-level responsiveness independent of viewport- Container query units (cqi, cqw, cqh)- Style queries for conditional styling- Fallbacks for browser support主说明仅要求在简要导航不足时读取随 Skill 提供的本地参考文件；没有要求执行命令、安装软件、索取凭据或修改系统权限。
查看原文
## Detailed patterns and worked examplesDetailed pattern documentation lives in `references/details.md`. Read that file when the navigation tier above is insufficient.所示 JavaScript 测试代码操作网页 DOM 和视口，用于检测布局溢出；可见代码没有读取本地文件、凭据或账户数据，也没有发送结果。
查看原文
```javascript// Automated breakpoint testingasync function testBreakpoints(page, breakpoints) { const results = []; for (const [name, width] of Object.entries(breakpoints)) { await page.setViewportSize({ width, height: 800 }); // Check for horizontal overflow const hasOverflow = await page.evaluate(() => { return ( document.documentElement.scrollWidth > document.documentElement.clientWidth ); });从这里开始 · 工作说明SKILL.md
responsive-design文件引用关系图
1 处引用哪些文件发起引用引用了什么
文件与检查记录5 个文件
检查范围与遗漏
逐文件查看涉及的内容
下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。
SKILL.md已纳入全文references/details.md已纳入全文references/breakpoint-strategies.md已纳入全文references/container-queries.md已纳入全文references/fluid-layouts.md已纳入全文
这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。
SKILL.md工作说明references/breakpoint-strategies.md配套文件references/container-queries.md配套文件references/details.md配套文件references/fluid-layouts.md配套文件
代码和说明中提到的操作
读取文件
Detailed pattern documentation lives in `references/details.md`. Read that file when the navigation tier above is insufficient. className="lg:hidden p-2" onClick={() => setIsOpen(!isOpen)} aria-expanded={isOpen}连接外部网站
- [Tailwind CSS Breakpoints](https://tailwindcss.com/docs/responsive-design)- [The 100% Correct Way to Do CSS Breakpoints](https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/)- [Tailwind CSS Breakpoints](https://tailwindcss.com/docs/responsive-design)- [The 100% Correct Way to Do CSS Breakpoints](https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/)- [Modern CSS Solutions](https://moderncss.dev/)- [The 100% Correct Way to Do CSS Breakpoints](https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/)- [Modern CSS Solutions](https://moderncss.dev/)- [Defensive CSS](https://defensivecss.dev/)- 读取了多少行
- 2,219
- 文件校验值（用于核对版本）
- a848ebc2a34f849a25d8449db28a05dc9e2cfa4b2e8c4c79066200868fbd1531