← 返回 Skills 市场
4713
总下载
3
收藏
33
当前安装
1
版本数
在 OpenClaw 中安装
/install web-design
功能描述
CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.
安全使用建议
This skill appears safe as CSS and web design guidance. Prefer the ClawHub install command or a pinned, reviewed source; only use the GitHub npx install path if you trust that repository and revision.
功能分析
Type: OpenClaw Skill
Name: web-design
Version: 1.0.0
The skill bundle is primarily educational, providing web design patterns and CSS examples. However, the `README.md` file includes an installation instruction `npx add https://github.com/wpank/ai/tree/main/skills/design-systems/web-design`. While `npx add` is a legitimate way to install packages, fetching and executing code directly from a GitHub URL introduces a supply chain risk, as the content at the remote URL could potentially change or be compromised, leading to the execution of arbitrary code. This is a risky capability, though not inherently malicious within the provided files.
能力评估
Purpose & Capability
The artifacts consistently provide CSS layout, typography, color, spacing, responsive design, accessibility, and component styling guidance, matching the stated web-design purpose.
Instruction Scope
Runtime content is educational design guidance and CSS examples; no prompt overrides, hidden agent instructions, data collection, credential handling, or autonomous actions were found.
Install Mechanism
Installation is user-directed. The README includes an unpinned GitHub npx install command and manual copies into Cursor or Claude skill folders, which are disclosed but carry ordinary provenance risk.
Credentials
The bundle contains only README.md and SKILL.md Markdown files, with no executable scripts, binaries, package hooks, network logic, broad filesystem access, or environment variable requirements.
Persistence & Privilege
There is no evidence of background workers, privilege escalation, credential/session use, destructive behavior, or persistence beyond normal user-initiated skill installation.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install web-design - 安装完成后，直接呼叫该 Skill 的名称或使用
/web-design触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
**Summary: Major rewrite with expanded CSS patterns, practical guidance, and production-focused examples.**
- Rebuilt documentation to provide actionable, code-first patterns for layout, typography, color, spacing, and responsive design.
- Added detailed grids and tables mapping interface needs to recommended CSS tools and code snippets.
- Expanded sections on spacing tokens, color palette structure, visual hierarchy, and accessibility best practices.
- Included responsive fluid techniques, practical examples, and accessibility code that meets modern standards.
- Clarified relationships with related skills: ui-design, frontend-design, and design-system-patterns.
元数据
常见问题
Web Design 是什么？
CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 4713 次。
如何安装 Web Design？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install web-design」即可一键安装，无需额外配置。
Web Design 是免费的吗？
是的，Web Design 完全免费（开源免费），可自由下载、安装和使用。
Web Design 支持哪些平台？
Web Design 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Web Design？
由 wpank（@wpank）开发并维护，当前版本 v1.0.0。
推荐 Skills