wireframe-sketch
wireframe-sketch is a skill in nexu-io/open-design, last changed 18 Aug 2026. It can name web addresses.
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart placeholders, hatched fills. Reads like a designer's whiteboard before any pixels are committed. Use when the brief asks for "wireframe", "sketch wireframe", "hand-drawn", "lo-fi", "whiteboard", "草稿", or "手绘原型".
At a glance
Pattern check
Nothing flagged
That isn't proof the skill is harmless.
Commit 5a0c477 · 3 Nov 2026
How the check worksPattern check: nothing flagged
That isn't proof the skill is harmless.
Install
Each tab says whether it installs commit 5a0c477, the one we checked, or the latest version.
OpenCode also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Goose also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Windsurf (Devin Desktop) also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Zed also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Roo Code also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Factory Droid also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Junie also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
Amp also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.
No install command here reaches Kiro. Copy the skill's folder into .kiro/skills/ in your project, or ~/.kiro/skills/ for all your projects. nexu-io/open-design/plugins/_official/examples/wireframe-sketch (opens in a new tab)
Antigravity also looks in .agents/skills/, so the Any agent steps reach it with This project. For All projects, see where Antigravity looks.
Cline also looks in .claude/skills/, so the Claude Code steps reach it with This project. For All projects, see where Cline looks.
Claude Code
Pinned to commit 5a0c477, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .claude/skills &&mkdir .claude/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .claude/skills/wireframe-sketch/ &&rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Claude apps
Pinned to commit 5a0c477, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make wireframe-sketch.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&out="$(mktemp -d)" &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch "$out"/wireframe-sketch &&(cd "$out" && zip -qr - wireframe-sketch) > wireframe-sketch.zip &&rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose wireframe-sketch.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Codex
Pinned to commit 5a0c477, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .agents/skills &&mkdir .agents/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .agents/skills/wireframe-sketch/ &&rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Cursor
Pinned to commit 5a0c477, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .cursor/skills &&mkdir .cursor/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .cursor/skills/wireframe-sketch/ &&rm -rf "$tmp"Copilot & VS Code
Pinned to commit 5a0c477, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .github/skills &&mkdir .github/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .github/skills/wireframe-sketch/ &&rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install nexu-io/open-design plugins/_official/examples/wireframe-sketch/SKILL.md@5a0c47777975ddb91d09c1c16b423a3ef74bf572 --agent github-copilot --scope projectGemini CLI
Pinned to commit 5a0c477, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .gemini/skills &&mkdir .gemini/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .gemini/skills/wireframe-sketch/ &&rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/nexu-io/open-design.git --path plugins/_official/examples/wireframe-sketch --scope workspaceAny agent
Pinned to commit 5a0c477, the one we checked.
OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity read .agents/skills in a project.
From your project's root folder:
tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&git -C "$tmp" sparse-checkout set -- plugins/_official/examples/wireframe-sketch &&git -C "$tmp" checkout -q 5a0c47777975ddb91d09c1c16b423a3ef74bf572 &&mkdir -p .agents/skills &&mkdir .agents/skills/wireframe-sketch &&cp -R "$tmp"/plugins/_official/examples/wireframe-sketch/. .agents/skills/wireframe-sketch/ &&rm -rf "$tmp"Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.
npx skills@1.7.4 add nexu-io/open-design --skill wireframe-sketchWhat it can touch
From the files and frontmatter at commit 5a0c477. This is how much a skill can do, not whether it is risky.
Pattern check
Pattern check: nothing flagged · commit 5a0c477 · 3 Nov 2026
We checked every text file in this skill, at commit 5a0c477 on 3 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
How the check worksReport an incorrect finding
Outside links we did not follow
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&display=swap
- https://open-design.ai/schemas/plugin.v1.json
- https://github.com/nexu-io
- https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/wireframe-sketch
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
Agent Skills specPasses with warnings
The open format from agentskills.io, held to the strictest version of each rule among the agents we check.
- Warning
The frontmatter uses [ ] or { } values. Most agents accept them, but the spec's validator (skills-ref) rejects the file. F4
Fix: Write lists as "- item" lines and maps as indented key: value lines, without anchors or tags.
- Warning
Fields outside the spec: triggers and od. Uploads to the Claude apps and API, and the spec's validator, reject the file; most agents ignore these fields. O1
Fix: Delete them for a portable skill, or keep them if you only target the agents that read them.
- Note
There is no license field, so readers can't tell whether they may reuse the skill. O2
Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.
- Warning
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
Claude Code ignores fields it doesn't know: triggers and od. O1
Fix: Check the spelling against Claude Code's field list, or delete them.
- Note
Claude apps & API uploadFails
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Error
Upload and packaging fail on fields outside the spec: triggers and od. O1
Fix: Delete them, and keep your own data under metadata as text values.
- Note
The description is 369 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
- Error
OpenAI (Codex & API)Passes with warnings
Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.
- Warning
Fields outside the spec: triggers and od. Codex ignores them; OpenAI doesn't say whether its upload accepts them. O1
Fix: Delete them, or move your own data under metadata as text values.
- Warning
VS Code & CopilotPasses
VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.
- Note
VS Code ignores fields it doesn't support: triggers and od. O1
Fix: Delete them unless another agent you target reads them.
- Note
SKILL.md
Files
3 files
| Path | Size |
|---|---|
| SKILL.md (opens in a new tab) | 3.9 KB |
| example.html (opens in a new tab) | 15.2 KB |
| open-design.json (opens in a new tab) | 7.9 KB |
Copies
These share its SKILL.md or its name and description but not all its files, so we list them separately.
More from nexu-io/open-design
Other Writing & content skills
Same category, most repo stars first.
| Skill | What it can touch | Pattern check | Licence | Updated |
|---|---|---|---|---|
architecture-decision-recordsCapture architectural decisions as numbered ADR markdown files in docs/adr/ with context, alternatives considered, consequences, and an index README. Use when the user says 'record this decision' or 'ADR this', chooses between frameworks or databases, discusses trade-offs, or asks why the codebase is shaped this way. affaan-m/ECC
Pattern check: Nothing flaggedMITUpdated 27 Sept 2026 |
| Pattern check: Nothing flagged | MIT | 27 Sept 2026 |
article-writingWrite articles, guides, blog posts, tutorials, newsletter issues, and other long-form content in a distinctive voice derived from supplied examples or brand guidance. Use when the user wants polished written content longer than a paragraph, especially when voice consistency, structure, and credibility matter. affaan-m/ECC
Pattern check: Nothing flaggedMITUpdated 11 Jun 2026 |
| Pattern check: Nothing flagged | MIT | 11 Jun 2026 |
| Pattern check: Nothing flagged | Apache 2.0 | 18 Aug 2026 | |
| Pattern check: Nothing flagged | Apache 2.0 | 17 Aug 2026 | |
document-generateGenerate missing documentation from scratch for a feature, module, or entire project. (gstack) garrytan/gstack
Pattern check: 1 item to reviewMITUpdated 2 Nov 2026 |
| Pattern check: 1 item to review | MIT | 2 Nov 2026 |
document-releaseRelease documentation audit. (gstack) garrytan/gstack
Pattern check: 1 item to reviewMITUpdated 2 Nov 2026 |
| Pattern check: 1 item to review | MIT | 2 Nov 2026 |