Js Design

What This Skill Does

The Js Design skill by codekungfu is a specialized agentic tool designed for OpenClaw users to interact with the '即时设计' (Js.design) platform. It serves as an intelligent bridge for retrieving and parsing publicly shared design project data, component specifications, and resource links. This skill simplifies the process of auditing design handoffs, extracting annotation data for documentation, and summarizing project updates without requiring manual navigation of the complex web interface.

Installation

To integrate this skill into your OpenClaw environment, execute the following command in your terminal or command interface: clawhub install openclaw/skills/skills/codekungfu/js-design Ensure that your OpenClaw runtime has network access enabled to reach the js.design domain.

Use Cases

This skill is ideal for design system managers, front-end developers, and product managers who need to extract actionable data from design files. Common use cases include:

• Automated Documentation: Quickly extracting component dimensions, color codes, and layer metadata into a structured format for your internal wiki.
• Project Summarization: Identifying the latest updates, recent design changes, and responsible owners from a high-level project view.
• Asset Management: Compiling a clean list of external links for design assets, including style guides, layer exports, and shared specification pages.
• Change Tracking: Monitoring public design pages for updates and generating a concise summary of what has changed since the last review.

Example Prompts

1. "OpenClaw, visit this project link [url] and list all design components with their associated color values and dimensions."
2. "Summarize the recent updates and the primary design owner for the public project located at [url]."
3. "Extract all style guide links and resource assets from this Js Design share page: [url] and format them into a markdown list."

Tips & Limitations

• Public Access Only: This skill is strictly designed for public design sharing links. It does not possess, nor does it attempt to utilize, user credentials, login sessions, or private project access.
• Dynamic Content: Js Design relies heavily on dynamic rendering. The skill is optimized to wait for page initialization; however, extremely complex files may require a slight delay.
• Compliance: Always respect the intellectual property of the designs you access. Do not use this tool for unauthorized data collection of private or sensitive corporate design systems.
• Rate Limiting: To maintain stable performance and adhere to platform terms, avoid excessive polling of the same URL. Use the tool to extract data once per design cycle.