跳到主要内容

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/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

在 GitHub 打开

仓库信息

含 skill
50 个
星标 / Fork
10 万 / 1.2 万
质量分
7.9(featured)
最近更新
今天
许可
Apache-2.0
采集 commit
0bd8251c9b5c

该仓库的 Skill(50)

od-contribute
One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made with OD; translate docs; fix a typo / write a blog; report a bug), the agent validates and opens a PR (or issue) for you. Trigger words contribute to open design, ship my OD skill, ship my OD design system, translate OD docs, report an OD bug, od-contribute.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
sample-plugin
Phase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
aster-atelier
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
offline_message
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 wrong with my design".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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?"
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 "电子指南".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 "运维手册".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 "财报".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 a team / workspace admin dashboard, an interactive admin dashboard with charts, or names FlowAI.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 explainer app".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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 "入职".
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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).
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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`.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
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.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-weekly-report
OpenDesign's weekly growth review: stars, installs, activation — the number, the driver, and the recommended move. Built as a decision-grade data & finance deck for growth & product team.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-xhs-pastel-card
A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-xhs-white-editorial
A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-8-bit-orbit
A gamer's journey building a retro-arcade collection — the obsession, the hunt, and what the machines came to mean. Built as a decision-grade story deck for friends, hobby community.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-biennale-yellow
A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey. Built as a decision-grade design craft deck for museum board, curators.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-block-frame
Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-blue-professional
OpenDesign's QBR for the executive committee: what moved, what stalled, and the resource reallocation ask. Built as a decision-grade corporate strategy deck for executive committee.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-bold-poster
OpenDesign's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale. Built as a decision-grade fundraising pitch deck for Series A partners.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-broadside
OpenDesign's product-launch announcement and press narrative — the headline, the proof points, and the call to action. Built as a decision-grade marketing & GTM deck for press, community, prospects.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-capsule
A year-end self-review for a product manager — the role, the outcomes, the learning, and the ask, all evidence-backed. Built as a decision-grade career deck for manager, review committee.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-cartesian
An economics senior thesis on the employment effects of local minimum-wage increases — identification strategy, evidence, and limitations. Built as a decision-grade coursework defense deck for thesis committee.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-cobalt-grid
OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI. Built as a decision-grade B2B sales deck for champion, finance approver.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-coral
OpenDesign's community-growth campaign across GitHub, Discord, and X: the loops, the content calendar, and the pipeline math. Built as a decision-grade marketing & GTM deck for growth team, community lead.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-creative-mode
A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade design craft deck for brand team, client.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-daisy-days
A customer-success workshop onboarding users to a project-management app — the first-value path and the habits that retain. Built as a decision-grade professional training deck for new customers, CS team.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-editorial-tri-tone
A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft deck for editorial & design team.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor
html-ppt-zhangzara-grove
A municipal urban-tree-canopy policy proposal — the public need, the evidence, the options, and the funding decision. Built as a decision-grade policy briefing deck for city council, agency reviewers.
精选 nexu-io/open-design 10 万 原文
Claude CodeCodex CLICursor