← Back to Skills Marketplace
Pencil Design
by
Gellert Hegyi
· GitHub ↗
· v1.0.0
· MIT-0
90
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install pencil-design
Description
Create high-quality visual designs — websites, app screens, dashboards, slides, marketing materials, social media graphics — using the Pencil CLI tool. Use t...
Usage Guidance
This skill appears to do what it says (drive the Pencil CLI), but the runtime instructions expect you to install an npm package, authenticate with Pencil (or set PENCIL_CLI_KEY), and have/authorize a Claude Code agent — none of which are declared in the registry metadata. Before installing or running any commands: 1) Inspect the npm package (@pencil.dev/cli) on npmjs.com or the package tarball and review its source and SKILL.md to make sure you trust it. 2) Prefer local install and npx usage over global npm install if you are unsure; avoid running npm install -g without review. 3) Do not paste secrets (PENCIL_CLI_KEY, Claude tokens) into prompts or env vars unless you understand where they are stored and who can access them; verify whether the CLI uploads data to a remote service. 4) If you must fetch SKILL.md from unpkg/jsDelivr, review the fetched file before copying into your agent's skills folder. 5) If possible, run first in an isolated environment/container. 6) Ask the publisher to update the skill metadata to list PENCIL_CLI_KEY and any Claude/agent credential requirements explicitly so you know what will be requested ahead of time.
Capability Analysis
Type: OpenClaw Skill
Name: pencil-design
Version: 1.0.0
The skill bundle provides a legitimate interface for the Pencil CLI design tool, allowing an agent to generate UI mockups and graphics. While the SKILL.md includes instructions for the agent to self-update by fetching its own definition from remote CDNs (unpkg.com/jsDelivr) and suggests using curl to install itself into configuration directories, these actions are clearly documented as maintenance procedures to stay in sync with the CLI version. There is no evidence of data exfiltration, malicious execution, or deceptive prompt injection.
Capability Assessment
Purpose & Capability
The skill name and description describe a CLI-driven design generator (Pencil), which aligns with instructions to run the Pencil CLI and generate .pen files. However, the registry metadata declares no required env vars/credentials while the SKILL.md explicitly references authentication (PENCIL_CLI_KEY, Pencil login/signup) and the need for a Claude Code agent — an inconsistency between claimed requirements and actual runtime needs.
Instruction Scope
The SKILL.md instructs the agent to run shell commands (which is expected) and to install the Pencil CLI via npm, run 'pencil status' (which reads local Pencil config), create or log into user accounts, and use a Claude Code agent for model inference. It also recommends fetching SKILL.md from unpkg/jsDelivr and copying files into agent skill directories (e.g., ~/.cursor/skills). These steps access local config and download remote files; the doc uses env vars and authentication actions that were not declared in the skill metadata.
Install Mechanism
There is no formal install spec, but the document tells users to install @pencil.dev/cli from npm (global or local) and to fetch SKILL.md from unpkg/jsdelivr. npm installs from the public registry and fetching from unpkg/jsDelivr are common, but they involve running third-party code and downloading remote content; users should review the package and avoid blind global installs.
Credentials
The skill metadata lists no required env vars, yet the instructions reference PENCIL_CLI_KEY and require a configured Claude Code agent (authentication via env or subscription). Requesting these credentials is plausible for a CLI that uses remote AI, but omitting them from declared requirements is a mismatch and means the agent or user may be asked to provide secrets unexpectedly.
Persistence & Privilege
The skill does not request 'always: true' and is user-invocable. It instructs copying SKILL.md into user skill directories (user-level files) but does not ask to modify other skills or system-wide agent config. Autonomous invocation is allowed by default (disable-model-invocation is false), which is normal — this combines with other concerns but is not itself a new privilege escalation.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install pencil-design - After installation, invoke the skill by name or use
/pencil-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
pencil-design 1.0.0
- Initial release of the Pencil Design skill.
- Enables the creation of high-quality visual designs (websites, apps, dashboards, slides, graphics) via the Pencil CLI from natural language prompts.
- Includes setup, installation, and authentication instructions for the Pencil CLI and Claude Code agent requirements.
- Documents update procedures and guidance for keeping skill and CLI versions in sync.
- Provides clear command usage, prompt handling best practices, user expectations for generation time, and instructions for showing results and iterating on designs.
- Lists common install paths for popular agent environments and tips for troubleshooting skill installation.
Metadata
Frequently Asked Questions
What is Pencil Design?
Create high-quality visual designs — websites, app screens, dashboards, slides, marketing materials, social media graphics — using the Pencil CLI tool. Use t... It is an AI Agent Skill for Claude Code / OpenClaw, with 90 downloads so far.
How do I install Pencil Design?
Run "/install pencil-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Pencil Design free?
Yes, Pencil Design is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Pencil Design support?
Pencil Design is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Pencil Design?
It is built and maintained by Gellert Hegyi (@gerhardberger); the current version is v1.0.0.
More Skills