MCP Server Builder
anthropics/skills
Guides the design and implementation of Model Context Protocol servers in TypeScript or Python, from tool naming and error messages to evaluation.
Use after any OpenDesign build to serve ./opendesign/ over HTTP and give the user a clickable preview link.
$ npx skills add manalkaff/opendesign --skill run-opendesign -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install manalkaff/opendesign run-opendesign --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/run-opendesign .claude/skills/run-opendesign && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .claude/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesignType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add manalkaff/opendesign --skill run-opendesign -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install manalkaff/opendesign run-opendesign --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/run-opendesign .agents/skills/run-opendesign && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .agents/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add manalkaff/opendesign --skill run-opendesign -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install manalkaff/opendesign run-opendesign --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/run-opendesign .cursor/skills/run-opendesign && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .cursor/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/manalkaff/opendesign.git --path skills/run-opendesign--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add manalkaff/opendesign --skill run-opendesign -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install manalkaff/opendesign run-opendesign --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/run-opendesign .gemini/skills/run-opendesign && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .gemini/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install manalkaff/opendesign run-opendesignInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add manalkaff/opendesign --skill run-opendesign -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/run-opendesign .github/skills/run-opendesign && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .github/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add manalkaff/opendesign --skill run-opendesign -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install manalkaff/opendesign run-opendesign --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/manalkaff/opendesign.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/run-opendesign .opencode/skills/run-opendesign && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "run-opendesign" agent skill from https://github.com/manalkaff/opendesign/tree/main/skills/run-opendesign into .opencode/skills/run-opendesign/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "run-opendesign", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
run-opendesignUse after any OpenDesign build to serve ./opendesign/ over HTTP and give the user a clickable preview link.
Run Opendesign is an agent skill from manalkaff/opendesign. Use after any OpenDesign build to serve ./opendesign/ over HTTP and give the user a clickable preview link. Handles duplicate server prevention and python/node runtime detection.
Its SKILL.md is about 910 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It works with Python. The repository describes itself as: claude.ai/design open-sourced! The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit cecd9bb. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
pythonpython3curlnodenpxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use curl and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Run Opendesign loads about 914 tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 378 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from manalkaff/opendesign at commit cecd9bb, republished under its MIT licence (© manalkaff). 378 words, ~914 tokens.
.claude/skills/run-opendesign/SKILL.md (or your agent's skills folder).You are starting the OpenDesign preview server. Complete all steps below in order.
Always use 8289.
Detect the platform.
Run:
uname -s 2>/dev/nullMINGW, CYGWIN, or MSYS, or if uname is not found, treat the platform as Windows.Check if a server is already running on port 8289.
POSIX:
lsof -ti tcp:8289Windows (cmd/PowerShell):
netstat -ano | findstr LISTENING | findstr :8289When something is bound on either platform, probe whether it is the OpenDesign server:
curl -sf -o /dev/null -w "%{http_code}" http://localhost:8289/opendesign/index.html200, the OpenDesign server is already running. Skip to step 5.Port 8289 is in use by another process. Please free the port and try again. Then stop.
Detect available runtime. Check in this order:
POSIX:
python3 --version 2>/dev/null || python --version 2>/dev/null || node --version 2>/dev/nullWindows:
python --version 2>$null; if ($LASTEXITCODE -ne 0) { python3 --version 2>$null }; if ($LASTEXITCODE -ne 0) { node --version 2>$null }Priority order (both platforms):
python3 → python → nodepython → python3 → node (Windows distributions ship as python, not python3)./opendesign/index.html manually or install Python." Then stop.Start the server in the background, serving from the project root (not from ./opendesign/).
POSIX — capture the absolute project root first:
PROJECT_ROOT=$(pwd)Then start:
python3 -m http.server 8289 --directory "$PROJECT_ROOT" &python -m http.server 8289 --directory "$PROJECT_ROOT" &npx --yes serve -l 8289 "$PROJECT_ROOT" &Windows — cd to the project root first (the --directory flag is available on Python 3.7+ but cd is the safest cross-version approach), then start:
Start-Process python -ArgumentList '-m','http.server','8289' -WorkingDirectory (Get-Location) -WindowStyle HiddenStart-Process python3 -ArgumentList '-m','http.server','8289' -WorkingDirectory (Get-Location) -WindowStyle HiddenStart-Process npx -ArgumentList '--yes','serve','-l','8289',(Get-Location) -WindowStyle HiddenWait 1–2 seconds after starting, then confirm the port is now bound using the same check from step 2 for the detected platform. If nothing is bound after the wait, report: "Server failed to start. Try running python -m http.server 8289 manually from your project root." Then stop.
Print the clickable link to the user:
OpenDesign viewer is live: http://localhost:8289/opendesign/
Sidebar lists all mockups. Click any file to preview it in the iframe.
© manalkaff, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/run-opendesign of manalkaff/opendesign.
Open the folder on GitHubat commit cecd9bb
Run Opendesign next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Run Opendesign this skillmanalkaff/opendesign | 261 | — | ~914 | Automated safety check: Pass | MIT | |
| MCP Server Builderanthropics/skills | 180k | 63 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | |
| PDF Processinganthropics/skills | 180k | 48 repos | ~2k | Automated safety check: Pass | Proprietary | |
| NotebookLM Research AssistantPleasePrompto/notebooklm-skill | 7.8k | 14 repos | ~2.4k | Automated safety check: Notes | MIT | |
| Manim Video Productionbrowser-use/video-use | 28k | 6 repos | ~3k | Automated safety check: Pass | MIT | |
| Code Review ChecklistshareAI-lab/learn-claude-code | 78k | 5 repos | ~1.1k | Automated safety check: Pass | MIT |
anthropics/skills
Guides the design and implementation of Model Context Protocol servers in TypeScript or Python, from tool naming and error messages to evaluation.
anthropics/skills
Handles everyday PDF jobs in Python and on the command line: extract text and tables, merge, split, rotate, watermark, fill forms, encrypt and OCR.
PleasePrompto/notebooklm-skill
Lets Claude Code ask questions of your Google NotebookLM notebooks through browser automation and return answers grounded in your uploaded sources.
browser-use/video-use
Produces math and technical explainer videos with Manim Community Edition: concept animations, equation derivations, algorithm walkthroughs and data stories.
shareAI-lab/learn-claude-code
Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.
hugohe3/ppt-master
Generates editable PowerPoint decks, rebuilds slides from images, fills .pptx templates and polishes existing presentations through routed workflows.
manalkaff/opendesign
A skill your agent uses when the user asks to produce a reusable design system or UI kit from an existing brand, codebase, or product.
manalkaff/opendesign
A skill your agent uses when the user asks for a slide presentation.
manalkaff/opendesign
A skill your agent uses when starting any design task — HTML pages, slide decks, interactive prototypes, UI kits, brand systems.
manalkaff/opendesign
A skill your agent uses when designing without an existing brand system.
manalkaff/opendesign
A skill your agent uses when the user asks to hand a finished design off to a developer or a coding agent for implementation in a real codebase.
manalkaff/opendesign
A skill your agent uses when the user wants in-design controls for toggling variants, swapping colors, editing copy, or flipping feature flags directly inside a design artifact.
Works with
Use after any OpenDesign build to serve ./opendesign/ over HTTP and give the user a clickable preview link. Run Opendesign is an agent skill from manalkaff/opendesign./opendesign/ over HTTP and give the user a clickable preview link.
Run `npx skills add manalkaff/opendesign --skill run-opendesign -a claude-code`. Or copy the skill folder (skills/run-opendesign in manalkaff/opendesign) into .claude/skills/run-opendesign in your project. Claude Code loads it when a task matches its description.
Run `npx skills add manalkaff/opendesign --skill run-opendesign -a codex`. Or copy the skill folder (skills/run-opendesign in manalkaff/opendesign) into .agents/skills/run-opendesign in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add manalkaff/opendesign --skill run-opendesign -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/run-opendesign, .gemini/skills/run-opendesign, .github/skills/run-opendesign and .opencode/skills/run-opendesign in your project.
Going by SKILL.md and its folder, Run Opendesign needs the command-line tools its instructions call (python, python3, curl, node and npx). Our summary lists: Python 3; Node.js.
SKILL.md contains no URLs. Its commands use curl and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Run Opendesign is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 914 tokens (SKILL.md is roughly 3.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Run Opendesign: MCP Server Builder (anthropics/skills, 180k stars), PDF Processing (anthropics/skills, 180k stars), NotebookLM Research Assistant (PleasePrompto/notebooklm-skill, 7.8k stars) and Manim Video Production (browser-use/video-use, 28k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
manalkaff (a GitHub user) maintains it in manalkaff/opendesign, which has 261 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on June 27, 2026.
Source: manalkaff/opendesign on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.