Updated today
by nexu-io
open-design
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
101k GitHub stars (101,358)
+3.2k in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +15 |
| Sep 28 | +128 |
| Sep 29 | +274 |
| Sep 30 | +308 |
| Oct 1 | +23 |
| Oct 2 | +137 |
| Oct 3 | +115 |
| Oct 4 | +123 |
| Oct 5 | +117 |
| Oct 6 | +138 |
| Oct 7 | +150 |
| Oct 8 | +159 |
| Oct 9 | +172 |
| Oct 10 | +168 |
| Oct 11 | +192 |
| Oct 12 | +163 |
| Oct 13 | +187 |
| Oct 14 | +202 |
| Oct 15 | +211 |
| Oct 16 | +186 |
- 30 skills (30 skills found in its SKILL.md files)
- 11.7k forks (11,662 forks)
- Today last update (Last updated today)
Install
Skills CLI
npx skills add nexu-io/open-design
Asks which skills and agents to install. Just one: npx skills add nexu-io/open-design --skill audio-jingle — add -g for every project.
Claude Code
git clone https://github.com/nexu-io/open-designcp -r "open-design/design-templates/audio-jingle" ~/.claude/skills/
Copies the audio-jingle skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add nexu-io/open-design
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 30 of 537 files.
-
audio-jingle
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
design-templates/audio-jingle/SKILL.md on GitHub (opens in a new tab) -
blog-post
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
design-templates/blog-post/SKILL.md on GitHub (opens in a new tab) -
clinical-case-report
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
design-templates/clinical-case-report/SKILL.md on GitHub (opens in a new tab) -
contact-widget
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
design-templates/contact-widget/SKILL.md on GitHub (opens in a new tab) -
critique
Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outputs a single self-contained HTML report with a radar chart, evidence-backed scores, and three lists: Keep / Fix / Quick-wins. Use when the brief asks for a "design review", "design critique", "5 维度评审", "design audit", or "what's wr…
design-templates/critique/SKILL.md on GitHub (opens in a new tab) -
dashboard
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.
design-templates/dashboard/SKILL.md on GitHub (opens in a new tab) -
dating-web
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.
design-templates/dating-web/SKILL.md on GitHub (opens in a new tab) -
dcf-valuation
Discounted cash flow valuation and intrinsic value analysis for public companies. Use when the brief asks for DCF, fair value, intrinsic value, price target, undervalued or overvalued analysis, or "what is this company worth?"
design-templates/dcf-valuation/SKILL.md on GitHub (opens in a new tab) -
digital-eguide
A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".
design-templates/digital-eguide/SKILL.md on GitHub (opens in a new tab) -
docs-page
A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".
design-templates/docs-page/SKILL.md on GitHub (opens in a new tab) -
email-marketing
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
design-templates/email-marketing/SKILL.md on GitHub (opens in a new tab) -
eng-runbook
An engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-response checklist. Use when the brief mentions "runbook", "ops doc", "on-call guide", "SRE doc", or "运维手册".
design-templates/eng-runbook/SKILL.md on GitHub (opens in a new tab) -
finance-report
Quarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when the brief mentions "financial report", "Q3 report", "MRR review", "P&L", or "财报".
design-templates/finance-report/SKILL.md on GitHub (opens in a new tab) -
flowai-live-dashboard-template
Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity sparklines, and a top-contributors panel, all in a single self-contained HTML file with light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export. Use when the brief asks for…
design-templates/flowai-live-dashboard-template/SKILL.md on GitHub (opens in a new tab) -
gamified-app
A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage. Frame 1: cover / poster, Frame 2: today's quests with XP ribbons and a level bar, Frame 3: quest detail. Vivid quest tiles, level ribbon, bottom tab bar. Use when the brief asks for a "gamified app", "habit tracker", "RPG-style life app", "level-up app", "daily quests", "XP / streak app", or "ELI5-style exp…
design-templates/gamified-app/SKILL.md on GitHub (opens in a new tab) -
github-dashboard
GitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity, and top contributors. Use when the brief asks for a GitHub repo dashboard, open-source growth report, repository health page, or GitHub analytics view.
design-templates/github-dashboard/SKILL.md on GitHub (opens in a new tab) -
magazine-web-ppt
For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes. Built around the core query "annual-marketing-plan", with GTM strategy lead judgment, buyer-ready proof, and this outcome: approve launch plan, campaign budget, or GTM motion.
design-templates/guizang-ppt/SKILL.md on GitHub (opens in a new tab) -
hr-onboarding
A new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when…" outcomes. Use when the brief mentions "onboarding", "new hire", "first week plan", or "入职".
design-templates/hr-onboarding/SKILL.md on GitHub (opens in a new tab) -
html-ppt-course-module
A first-30-days onboarding module for new hospitality hires — the behaviors, the practice, the checks, and the manager follow-up. Built as a decision-grade professional training deck for new hires, managers.
design-templates/html-ppt-course-module/SKILL.md on GitHub (opens in a new tab) -
html-ppt-graphify-dark-graph
OpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
design-templates/html-ppt-graphify-dark-graph/SKILL.md on GitHub (opens in a new tab) -
html-ppt-hermes-cyber-terminal
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
design-templates/html-ppt-hermes-cyber-terminal/SKILL.md on GitHub (opens in a new tab) -
html-ppt-knowledge-arch-blueprint
OpenDesign's incident retro: the daemon-restart data bug, the root cause, the fix, and the systemic follow-ups. Built as a decision-grade product management deck for engineering, SRE, leadership.
design-templates/html-ppt-knowledge-arch-blueprint/SKILL.md on GitHub (opens in a new tab) -
html-ppt-obsidian-claude-gradient
OpenDesign's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the rollout plan. Built as a decision-grade AI literacy deck for leadership, IT, security.
design-templates/html-ppt-obsidian-claude-gradient/SKILL.md on GitHub (opens in a new tab) -
html-ppt-pitch-deck
OpenDesign's demo-day pitch: hook, traction, moat, and the raise — built to make a partner sit up by page three. Built as a decision-grade fundraising pitch deck for accelerator partners, angels.
design-templates/html-ppt-pitch-deck/SKILL.md on GitHub (opens in a new tab) -
html-ppt-presenter-mode
OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.
design-templates/html-ppt-presenter-mode-reveal/SKILL.md on GitHub (opens in a new tab) -
html-ppt-product-launch
OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.
design-templates/html-ppt-product-launch/SKILL.md on GitHub (opens in a new tab) -
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Tactical Telemetry mode).
design-templates/html-ppt-taste-brutalist/SKILL.md on GitHub (opens in a new tab) -
html-ppt-taste-editorial
16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one accent. Distilled from Leonxlnx/taste-skill `minimalist-skill`.
design-templates/html-ppt-taste-editorial/SKILL.md on GitHub (opens in a new tab) -
html-ppt-tech-sharing
OpenDesign internals: how the agent stream, sandbox, and artifacts work — an engineering deep-dive talk. Built as a decision-grade AI literacy deck for engineers, dev community.
design-templates/html-ppt-tech-sharing/SKILL.md on GitHub (opens in a new tab) -
html-ppt-testing-safety-alert
A hospital data-governance briefing: patient-data risk, the control framework, accountability, and the approval the board must give. Built as a decision-grade policy briefing deck for health-system board, regulators.
design-templates/html-ppt-testing-safety-alert/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.