← 返回 Skills 市场
1788
总下载
0
收藏
19
当前安装
1
版本数
在 OpenClaw 中安装
/install responsive-design
功能描述
Implement responsive layouts using container queries, fluid typography, CSS Grid, mobile-first breakpoints, responsive images, and adaptive navigation.
安全使用建议
This skill appears to be a documentation/tutorial package for responsive CSS and is coherent with its name. However: 1) The registry metadata lacks a homepage and the owner is an unfamiliar ID — verify the publisher before trusting it. 2) The README suggests running npx commands that will fetch code from the network; do not run npx install/add commands unless you review the remote repository or package contents first. 3) Because this is instruction-only, there are no requested secrets or binaries, but installing via clawhub/npx will pull code you should audit. If you want to proceed safely, inspect the GitHub repo (or package) referenced by the install instructions and confirm the source is trustworthy.
功能分析
Type: OpenClaw Skill
Name: responsive-design
Version: 1.0.0
The skill bundle, including `_meta.json`, `SKILL.md`, `README.md`, and all `references/*.md` files, contains only documentation and code examples related to responsive web design (CSS, HTML/JSX, client-side JavaScript). There is no evidence of malicious intent, such as data exfiltration, unauthorized command execution, persistence mechanisms, or prompt injection attempts against the AI agent. The installation commands are standard for the OpenClaw ecosystem, and the embedded code snippets are purely illustrative of web development techniques.
能力评估
Purpose & Capability
The skill's files (SKILL.md, README, reference docs) are documentation and examples for responsive CSS patterns which matches the skill name. There are no unrelated environment variables, binaries, or config-path requirements requested. Note: the skill has no short description field in metadata, but the bundled docs make its purpose clear.
Instruction Scope
Runtime instructions are documentation and code examples (CSS/JS/TSX). They do not instruct the agent to read system files, credentials, or transmit user data to external endpoints. The only actionable install instruction is an npx-based installer example; the SKILL.md itself does not request sensitive data.
Install Mechanism
There is no formal install spec included in the skill bundle (it's instruction-only). The README/SKILL.md suggest using 'npx clawhub@latest install responsive-design' and an 'npx add https://github.com/…/tree/…' example. Because npx commands fetch and run remote packages, a user should inspect the remote repository or package before executing these commands. The skill itself does not embed downloads or archives in the bundle.
Credentials
The skill requests no environment variables, credentials, or config paths. The scope of access requested is proportionate for a documentation/teaching skill.
Persistence & Privilege
always:false (no permanent force-install); user-invocable and model-invocation allowed (platform defaults). The skill does not request elevated privileges or system-wide config changes in its files. Autonomous invocation alone is not a concern here given the skill's documentation-only nature.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install responsive-design - 安装完成后，直接呼叫该 Skill 的名称或使用
/responsive-design触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
Initial release: Modern, comprehensive responsive design techniques in CSS and React.
- Includes patterns for container queries, fluid typography, CSS Grid/Flexbox, and mobile-first breakpoints.
- Provides fluid spacing and typography scales using clamp().
- Features responsive images (art direction with <picture> and srcset) and navigation components.
- Demonstrates responsive grids and tables, with Tailwind CSS-ready code samples.
- Guides on common adaptive design scenarios for React and CSS.
元数据
常见问题
Responsive Design 是什么？
Implement responsive layouts using container queries, fluid typography, CSS Grid, mobile-first breakpoints, responsive images, and adaptive navigation. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 1788 次。
如何安装 Responsive Design？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install responsive-design」即可一键安装，无需额外配置。
Responsive Design 是免费的吗？
是的，Responsive Design 完全免费（开源免费），可自由下载、安装和使用。
Responsive Design 支持哪些平台？
Responsive Design 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Responsive Design？
由 wpank（@wpank）开发并维护，当前版本 v1.0.0。
推荐 Skills