8-bit-orbit-video-temp…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene…
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.
Claude Code
$ npx -y skills add nexu-io/open-design --skill od-contribute --agent claude-code
Codex
$ npx skills add nexu-io/open-design --skill od-contribute -a codex -y
Cursor
$ npx skills add nexu-io/open-design --skill od-contribute -a cursor -y
Gemini CLI
$ npx skills add nexu-io/open-design --skill od-contribute -a gemini-cli -y
GitHub Copilot
$ npx skills add nexu-io/open-design --skill od-contribute -a github-copilot -y
OpenCode
$ npx skills add nexu-io/open-design --skill od-contribute -a opencode -y
Windsurf
$ npx skills add nexu-io/open-design --skill od-contribute -a windsurf -y
name: od-contribute description: 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. allowed-tools: - Bash - Read - Write - Edit - AskUserQuestion - TaskCreate - TaskUpdate - WebFetch
Locked to `nexu-io/open-design`. Branches by **contribution type**, not by issue. Replaces the dev-loop with type-specific no-code validators. Designed so a product user with zero coding background can ship a real PR.
Mirror the user's language in every user-facing message — `AskUserQuestion` labels and descriptions, status updates, error explanations. Detect from their first message; when uncertain, default to English.
**Generated artifacts (PR titles, commit messages, PR/issue body files, branch names) MUST be English** regardless of the user's chat language. GitHub conventions, maintainer review, and search all assume English. The templates under `templates/` are already English — keep them that way when rendering.
Scripts live under `scripts/`. Source the shared helpers from any script:
source "$(dirname "$0")/config.sh"
`SKILL_DIR` below = the directory that contains this `SKILL.md`.
---
bash "$SKILL_DIR/scripts/check-prereqs.sh"
If `gh repo view "$TARGET_FORK"` fails, ask the user (one `AskUserQuestion`) whether to fork now via `gh repo fork nexu-io/open-design --clone=false`. Default to yes.
Single `AskUserQuestion` (header: "Contribution", multiSelect: false), four options. Translate option labels/descriptions into the user's chat language; the branch routing is unchanged.
1. **🎨 Ship something I made with OD** — _a Skill, Design System, HyperFrame, or template I want to contribute upstream_ → branch `3a` 2. **🌍 Translate OD docs** — _README / QUICKSTART / CONTRIBUTING into a new language_ → branch `3b` 3. **📝 Fix docs / write a blog / fix a typo** — _typo fix, dead link, use-case writeup_ → branch `3c` 4. **🐛 Report a bug** — _something broke; I'll help turn it into a high-quality issue_ → branch `3d` (issue path, no PR)
Each branch below is self-contained. Steps 7–8 (preview + push) are shared across branches `3a`/`3b`/`3c`. Branch `3d` skips them entirely.
---
**3a.1** Ask user: "What's the local path to the artifact you want to ship?" (single free-text, translated into the user's chat language). Common: a folder path (Skill) or a single `DESIGN.md` file (Design System).
**3a.2** Sniff type:
# Skill: folder containing SKILL.md with frontmatter. # Design System: file matching DESIGN.md anatomy.
If ambiguous, ask the user to confirm.
**3a.3** Run setup:
bash "$SKILL_DIR/scripts/setup-workspace.sh" skill <slug> # or bash "$SKILL_DIR/scripts/setup-workspace.sh" design-system <slug>
`<slug>` is `od::slugify` of the Skill `name` frontmatter field or of the brand name. Capture `WORKDIR` from stdout.
**3a.4** Copy artifact into workspace at the right target dir:
**3a.5** Validate:
bash "$SKILL_DIR/scripts/validate-skill-submission.sh" "$WORKDIR/skills/<slug>" # or, with 1-2 reference DESIGN.md files passed in: bash "$SKILL_DIR/scripts/validate-design-system.sh" \ "$WORKDIR/design-systems/<slug>/DESIGN.md" \ --reference "$WORKDIR/design-systems/airbnb/DESIGN.md" \ --reference "$WORKDIR/design-systems/apple/DESIGN.md"
If validation fails, surface the FAIL lines verbatim, ask the user to fix, retry. **Never push a failing artifact.**
**3a.6** Ask 3 short questions via `AskUserQuestion` (translate the labels into the user's chat language):
**3a.7** Render `templates/PR-BODY-skill.md` (or `PR-BODY-design-system.md`) with substitutions:
Write to `$WORKDIR/.od-contrib/PR-BODY.md`.
→ Jump to **Step 7**.
---
**3b.1** Setup workspace (slug = `translate-<doc>-<lang>` if known, else `translate`):
bash "$SKILL_DIR/scripts/setup-workspace.sh" i18n translate # capture WORKDIR
**3b.2** Discover gaps:
bash "$SKILL_DIR/scripts/discover-i18n-gaps.sh" "$WORKDIR" > /tmp/od-i18n-gaps.json
Each line is JSON. Rank by:
**3b.3** Take the top 3–4 gaps and present via `AskUserQuestion` (header: "Translation target"). Each option label like: `README → 한국어 (Korean)` / `QUICKSTART (zh-CN) refresh — 12 commits behind`. Translate the header text into the u
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene…
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad…
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and…
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages,…
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album…
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters,…
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional…
Use to design, redesign, critique, audit, polish or animate a frontend: websites, landing pages, dashboards, app UI, components,…
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline,…
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at…