feimacode/open-design-agent-kit
Pro-grade UI design built into the coding agent you already use — GitHub Copilot Chat, Claude Code, Codex, Cursor. 270+ design skills, 150+ brand design systems, 160+ remixable examples. No desktop app, no daemon, no API keys — just files i
ARCHETYPE
Skill Collector
Ten-plus skills loaded on demand. A procedural-knowledge library.
Copy this rig
# review before running: this installs third-party code
$ npx degit feimacode/open-design-agent-kit/.claude ./rig-open-design-agent-kit # inspect, then merge into .claude/ MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.
$ npx degit feimacode/open-design-agent-kit/.agents/skills/article-magazine .claude/skills/article-magazine $ npx degit feimacode/open-design-agent-kit/.agents/skills/card-twitter .claude/skills/card-twitter $ npx degit feimacode/open-design-agent-kit/.agents/skills/card-xiaohongshu .claude/skills/card-xiaohongshu $ npx degit feimacode/open-design-agent-kit/.agents/skills/data-report .claude/skills/data-report $ npx degit feimacode/open-design-agent-kit/.agents/skills/deck-guizang-editorial .claude/skills/deck-guizang-editorial $ npx degit feimacode/open-design-agent-kit/.agents/skills/deck-open-slide-canvas .claude/skills/deck-open-slide-canvas $ npx degit feimacode/open-design-agent-kit/.agents/skills/deck-swiss-international .claude/skills/deck-swiss-international $ npx degit feimacode/open-design-agent-kit/.agents/skills/doc-kami-parchment .claude/skills/doc-kami-parchment $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-data-chart-nyt .claude/skills/frame-data-chart-nyt $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-flowchart-sticky .claude/skills/frame-flowchart-sticky $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-glitch-title .claude/skills/frame-glitch-title $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-light-leak-cinema .claude/skills/frame-light-leak-cinema $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-liquid-bg-hero .claude/skills/frame-liquid-bg-hero $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-logo-outro .claude/skills/frame-logo-outro $ npx degit feimacode/open-design-agent-kit/.agents/skills/frame-macos-notification .claude/skills/frame-macos-notification $ npx degit feimacode/open-design-agent-kit/.agents/skills/guizang-ppt .claude/skills/guizang-ppt $ npx degit feimacode/open-design-agent-kit/.agents/skills/mockup-device-3d .claude/skills/mockup-device-3d $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-campaign .claude/skills/open-design-campaign $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-deck-from-source .claude/skills/open-design-deck-from-source $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-docs .claude/skills/open-design-docs $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-explore .claude/skills/open-design-explore $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-new .claude/skills/open-design-new $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-poster .claude/skills/open-design-poster $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-publish .claude/skills/open-design-publish $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design-social-post .claude/skills/open-design-social-post $ npx degit feimacode/open-design-agent-kit/.agents/skills/open-design .claude/skills/open-design $ npx degit feimacode/open-design-agent-kit/.agents/skills/poster-hero .claude/skills/poster-hero $ npx degit feimacode/open-design-agent-kit/.agents/skills/ppt-keynote .claude/skills/ppt-keynote $ npx degit feimacode/open-design-agent-kit/.agents/skills/resume-modern .claude/skills/resume-modern $ npx degit feimacode/open-design-agent-kit/.agents/skills/social-carousel .claude/skills/social-carousel $ npx degit feimacode/open-design-agent-kit/.agents/skills/social-reddit-card .claude/skills/social-reddit-card $ npx degit feimacode/open-design-agent-kit/.agents/skills/social-spotify-card .claude/skills/social-spotify-card $ npx degit feimacode/open-design-agent-kit/.agents/skills/social-x-post-card .claude/skills/social-x-post-card $ npx degit feimacode/open-design-agent-kit/.agents/skills/social-youtube-thumbnail .claude/skills/social-youtube-thumbnail $ npx degit feimacode/open-design-agent-kit/.agents/skills/vfx-text-cursor .claude/skills/vfx-text-cursor $ npx degit feimacode/open-design-agent-kit/.agents/skills/video-hyperframes .claude/skills/video-hyperframes $ npx degit feimacode/open-design-agent-kit/.claude/skills/openspec-apply-change .claude/skills/openspec-apply-change $ npx degit feimacode/open-design-agent-kit/.claude/skills/openspec-archive-change .claude/skills/openspec-archive-change $ npx degit feimacode/open-design-agent-kit/.claude/skills/openspec-explore .claude/skills/openspec-explore $ npx degit feimacode/open-design-agent-kit/.claude/skills/openspec-ff-change .claude/skills/openspec-ff-change
This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:
{
"permissions": {
"deny": [
"Read(./.env)",
"Read(**/.env)",
"Read(~/.ssh/**)",
"Bash(rm -rf *)",
"Read(**/*.pem)",
"Bash(rm -rf /)",
"Bash(git push --force:*)",
"Bash(sudo *)",
"Read(.env)",
"Bash(rm -rf /*)",
"Read(./.env.*)",
"Read(~/.aws/**)",
"Bash(git push --force*)",
"Bash(rm -rf:*)",
"Read(**/*.key)",
"Read(**/.env.*)",
"Bash(sudo:*)",
"Bash(git reset --hard*)",
"Bash(git reset --hard:*)",
"Read(.env.*)"
],
"ask": [
"Bash(git push:*)",
"Bash(git push *)",
"Bash(git commit:*)",
"Bash(rm *)",
"Bash(rm:*)",
"Bash(git rebase *)",
"Bash(wget *)",
"Bash(npm publish:*)",
"Bash(git commit *)",
"Bash(gh pr merge *)"
]
}
} MCP servers (1)
| server | source | est. tokens |
|---|---|---|
| open-design env: OPEN_DESIGN_FIGMA_TOKEN | local / custom | 2.5k |
Skills (106)
article-magazinecard-twittercard-xiaohongshudata-reportdeck-guizang-editorialdeck-open-slide-canvasdeck-swiss-internationaldoc-kami-parchmentframe-data-chart-nytframe-flowchart-stickyframe-glitch-titleframe-light-leak-cinemaframe-liquid-bg-heroframe-logo-outroframe-macos-notificationguizang-pptmockup-device-3dopen-design-campaignopen-design-deck-from-sourceopen-design-docsopen-design-exploreopen-design-newopen-design-posteropen-design-publishopen-design-social-postopen-designposter-heroppt-keynoteresume-modernsocial-carouselsocial-reddit-cardsocial-spotify-cardsocial-x-post-cardsocial-youtube-thumbnailvfx-text-cursorvideo-hyperframesopenspec-apply-changeopenspec-archive-changeopenspec-exploreopenspec-ff-changeopenspec-onboardopenspec-proposeopenspec-sync-specs3d-object8-bit-orbit-video-templatead-creativeadrafter-hours-editorial-templateagent-browserai-music-albumalgorithmic-artapple-higarticle-sketchnote-editorialartifacts-builderbrainstormingbrand-extractbrand-guidelinesbrandkitindustrial-brutalist-uicanvas-designchangelog-pagechat-motion-overlaycolor-expertcompetitive-ads-extractorcompetitive-teardowncopywritingcreative-directord3-visualizationdesign-briefdesign-consultationdesign-mddesign-reviewdiagramdigits-fintech-swiss-templatedocdocxdomain-name-brainstormerecommerce-image-workfloweditorial-burgundy-principles-templateemail-campaignemil-design-engemilkowalski-motionenhance-promptexec-briefing-memoexperiment-readoutexport-download-debuggingfal-3dfal-generatefal-image-editfal-kling-o3fal-lip-syncfal-realtimefal-restorefal-trainfal-tryonfal-upscalefal-video-editfal-visionfaq-pagefield-notes-editorial-templatefigma-code-connect-componentsfigma-create-design-system-rulesfigma-create-new-filefigma-generate-designfigma-generate-libraryfigma-implement-design
Slash commands (7)
/opsx/apply/opsx/archive/opsx/explore/opsx/ff/opsx/onboard/opsx/propose/opsx/sync
Similar rigs
nexu-io/open-design
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/P
Skill Collector 23.8k tok ·
nexu-io/html-anything
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu /
Skill Collector 2.1k tok ·
mipmip/mipnix
Monorepo with Nix & Home-Manager configurations of my Linux, macOS fleet
Skill Collector 774 tok ·
Fission-AI/OpenSpec
Spec-driven development (SDD) for AI coding assistants.
Skill Collector 1.5k tok ·