← Back to Skills Marketplace
Responsive Layout
by
wangzhiming
· GitHub ↗
· v1.0.0
· MIT-0
138
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install responsive-layout
Description
Designs responsive layouts using mobile-first or desktop-first breakpoints, flex/grid, rem/vw units, and handles cross-device and safe area adaptations.
Usage Guidance
This skill is instruction-only and appears coherent for giving responsive-layout advice. Before enabling: (1) Note that if you ask it to debug your project, the agent may read any code or snippets you paste—avoid sharing secrets or private keys. (2) Verify outputs (CSS snippets) before applying them to production code. (3) If you need offline or private review, prefer pasting minimal, non-sensitive examples rather than full project files.
Capability Analysis
Type: OpenClaw Skill
Name: responsive-layout
Version: 1.0.0
The skill bundle is a legitimate tool designed to assist with responsive web design and CSS layouts. The instructions in SKILL.md and the metadata in clawhub.json are entirely focused on front-end development topics such as Flexbox, CSS Grid, breakpoints, and mobile safety areas, with no evidence of malicious intent, data exfiltration, or harmful command execution.
Capability Assessment
Purpose & Capability
Name, description, README, and SKILL.md all describe responsive layout guidance (breakpoints, flex/grid, rem/vw, safe-area) and the files request no unrelated resources or credentials. The required surface (none) is proportionate to the stated purpose.
Instruction Scope
SKILL.md provides step-by-step guidance, question prompts, and code snippets for diagnosing and creating responsive layouts. It may instruct the agent to inspect user-provided code when debugging a layout issue (expected for this kind of skill). It does not instruct reading system files, environment variables, or sending data to external endpoints.
Install Mechanism
No install spec and no bundled code — instruction-only — so nothing is downloaded or written to disk. This is the lowest-risk install profile.
Credentials
No environment variables, credentials, or config paths are required. The skill does not request any tokens or secrets; this is appropriate for a documentation/assistant skill.
Persistence & Privilege
always is false and the skill does not request to modify other skills or system-wide settings. Autonomous invocation is allowed (platform default) but there are no additional privileges requested.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install responsive-layout - After installation, invoke the skill by name or use
/responsive-layout - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Publish from oliver-skill repository
Metadata
Frequently Asked Questions
What is Responsive Layout?
Designs responsive layouts using mobile-first or desktop-first breakpoints, flex/grid, rem/vw units, and handles cross-device and safe area adaptations. It is an AI Agent Skill for Claude Code / OpenClaw, with 138 downloads so far.
How do I install Responsive Layout?
Run "/install responsive-layout" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Responsive Layout free?
Yes, Responsive Layout is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Responsive Layout support?
Responsive Layout is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Responsive Layout?
It is built and maintained by wangzhiming (@wangzhiming1999); the current version is v1.0.0.
More Skills