Skill collection

nexu-io/open-design

376 agent skills across 16 categories, read straight from the repository tree. The repo holds 532 SKILL.md files — 147 are the same skills republished elsewhere in the tree, and we count things rather than copies.

nexu95,528★ across the radarProfile →
376
Skills published
16
Categories
21
Ship scripts
83,577
Stars on the repo
Tracked on the radar · 83,577★ · +1,339 this weekRepository facts and velocity →
Design & Presentation · 86
All in category →
html-pptFor consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action…scriptshtml-ppt-zhangzara-soft-editorialA digital-transformation roadmap for a legacy insurer — the diagnosis, the sequenced bets, and the operating…scriptshtml-ppt-zhangzara-pink-scriptA wedding-anniversary tribute photo essay — a decade in scenes, the turning points, and the quiet meaning of…scriptsreplit-deckFor product and technical management work: turn PRDs, roadmaps, RFCs, architecture reviews, and retros into…webgl-depth-galleryA scroll-reactive 3D image gallery in Three.js: Z-stacked images crossfade over per-image mood backgrounds…hps-true-blueprintOpen Design's engineering blueprint: how the sandbox, sidecar, and daemon fit — the system diagram and the…hps-retro-tvA family history told through five decades of home movies — the opening question, the eras, and what the…hps-memphis-popA pop-culture retrospective on how 1980s design language shaped today's apps — the scenes, the turning point…fs-notebook-tabsA computer-science capstone: an on-device ML keyboard that predicts next words privately — problem, method…
fs-electric-studioswiss-creative-mode-templateafter-hours-editorial-templatehigh-end-visual-designresearch-decision-roomhtml-ppt-zhangzara-cartesianhtml-ppt-zhangzara-8-bit-orbitve-terminal-monohuashu-bento-insighthtml-ppt-zhangzara-daisy-dayshtml-ppt-zhangzara-mathtml-ppt-zhangzara-playfulhtml-ppt-zhangzara-retro-zinehtml-ppt-zhangzara-sakura-chromahtml-ppt-zhangzara-scatterbraineditorial-burgundy-principles-templatemockup-device-3dreference-design-contractframe-light-leak-cinematoken-mapcard-xiaohongshudeck-guizang-editorialdeck-swiss-internationalframe-flowchart-sticky+ 53 more
Content & Marketing · 51
All in category →
last30daysRecent community and social trend research over the last 30 days. Use when the brief asks what people are…scriptshyperframesCreate video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals…scriptsopen-design-landingProduce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle /…scriptschat-motion-overlayGenerate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes…scriptsod-contributeOne-click contribution flow for Open Design (nexu-io/open-design) — even for non-coders. Pick one of four…writesscriptsopen-design-landing-deckOpen Design's brand-story deck for partners and press: why it exists, what it believes, and where design is…scriptshtml-ppt-zhangzara-editorial-tri-toneA type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit.…scriptshtml-ppt-zhangzara-creative-modeA brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it…scriptsvideo-template-frame-product-promo-30sUse this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second…
magazine-web-pptweb-prototypehps-bauhausfs-emerald-editorialwaitlist-pagehtml-ppt-zhangzara-biennale-yellowhtml-ppt-zhangzara-broadsidehtml-ppt-zhangzara-coralhtml-ppt-zhangzara-block-framehuashu-pentagram-gridhuashu-luxe-whitespacehuashu-golden-circlehtml-ppt-zhangzara-raw-gridhtml-ppt-zhangzara-studioframe-logo-outroarticle-magazinesocial-reddit-cardsocial-spotify-cardsocial-x-post-cardvelar-luxury-real-estatebrand-extractemail-marketingdigital-eguideblog-post+ 18 more
Frontend · 42
All in category →
open-design-homepageA pixel-faithful, self-contained mirror of the live open-design.ai homepage — an interactive React Three…scriptsweb-clone网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、…scriptsmobile-appA mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the…kami-landingProduce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at…tweaksWrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density…deck-open-slide-canvasLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.stitch-design-tasteSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce…web-design-guidelinesReview UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout…motion-framesA single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe…
design-taste-frontend-v1emil-design-engfrontend-designgpt-tasteminimalist-uiimage-to-codeimagegen-frontend-mobileimagegen-frontend-websprite-animationredesign-existing-projectsplan-design-reviewenhance-promptremotionshadcn-uislidesstitch-loopwpdsui-skillsfigma-code-connect-componentsfigma-create-design-system-rulesfigma-create-new-filefigma-implement-designfigma-usefrontend-dev+ 9 more
Data & Analytics · 39
All in category →
video-template-frame-data-rollupUse this plugin when the user wants a "Data Rollup Frame" HyperFrames motion video — A native Remotion data…scriptshtml-ppt-zhangzara-pin-and-paperA field-biology capstone on urban pollinator decline — the survey design, the data, the contribution, and the…scriptslive-artifactCreate refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user…video-template-frame-nyt-graphUse this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print…video-template-frame-pentagram-statUse this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic…github-dashboardGitHub repository analytics dashboard — stars, forks, contributors, issues, pull requests, recent activity…create-prototype-dashboardCreate a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center…fs-editorial-forestArt-directing a fashion house's annual report — the editorial system, the photography rhythm, and the data…trading-analysis-dashboard-templateProfessional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense…
social-media-matrix-tracker-templatedigits-fintech-swiss-templateweread-year-in-review-video-templateflowai-live-dashboard-templateve-midnight-editorialhuashu-sparkline-archtml-ppt-zhangzara-long-tablehps-y2k-chromefield-notes-editorial-templateframe-glitch-titlecard-twitterdata-reportframe-data-chart-nythtml-ppt-weekly-reporthtml-ppt-testing-safety-alerthtml-ppt-knowledge-arch-blueprintdating-webdashboardindustrial-brutalist-uisocial-media-dashboardweekly-updatewireframe-greyboxworker-visualizerorbit-linear+ 6 more
Code Review & Quality · 32
All in category →
html-ppt-zhangzara-stencil-tabletA workplace-safety compliance review for a manufacturing regulator — findings, the evidence chain, and the…scriptshtml-ppt-zhangzara-neo-grid-boldA designer's portfolio narrative for a senior interview — three case studies, the craft, and the judgment…scriptshtml-ppt-zhangzara-peoples-platformA public-transit funding proposal for a city council — ridership need, the plan, the risk controls, and the…scriptssimple-deckOpen Design's operating review: growth, burn, and the concrete path to sustainability without losing the open…hps-academic-paperA review deck on compositional generalization in large language models — the field map, the gap, the…html-ppt-zhangzara-monochromeA grant proposal on CRISPR base-editing for sickle-cell disease — the hypothesis, the approach, the…html-ppt-zhangzara-blue-professionalOpen Design's QBR for the executive committee: what moved, what stalled, and the resource reallocation ask.…html-ppt-retro-quarterly-reviewRetro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask…html-ppt-zhangzara-capsuleA year-end self-review for a product manager — the role, the outcomes, the learning, and the ask, all…
huashu-slideshuashu-keynote-blackhtml-ppt-zhangzara-grovehtml-ppt-zhangzara-signalhtml-ppt-zhangzara-vellumhuashu-annual-letterkami-deckppt-keynotecreate-live-artifact-opsreview-animationskanban-boardhtml-ppt-xhs-white-editorialhtml-ppt-hermes-cyber-terminalfinance-reportdiff-reviewrefine-critique-loopcritique-theaterdocxfal-restoreswiftui-designpr-feedback-quality-gatevideo-downloaderimage-enhancer
Media & Video · 29
All in category →
humanize-pptA presentation system for agent-made PPTs — born for the talk, not just the template. It turns raw material…scriptsvideo-template-frame-kinetic-typeUse this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promovideo-template-frame-creative-voltageUse this plugin when the user wants a "Creative Voltage Frame" HyperFrames motion video — Electric split with…video-template-frame-product-promoUse this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase…video-template-frame-bold-posterUse this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European…video-template-frame-warm-grainUse this plugin when the user wants a "Warm Grain" HyperFrames motion video — Cream aesthetic with grain…video-template-frame-play-modeUse this plugin when the user wants a "Play Mode" HyperFrames motion video — Playful elastic animationsvideo-template-frame-bold-signalUse this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a…video-template-frame-decision-treeUse this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with…
video-template-frame-swiss-gridvideo-template-frame-electric-studiovideo-template-frame-build-minimalvideo-template-frame-takram-organicvideo-template-frame-vignelli8-bit-orbit-video-templateswiss-user-research-video-templateframe-liquid-bg-heroframe-macos-notificationvfx-text-cursorvideo-hyperframesod-media-generationaudio-jinglecreate-video-storyboardvideo-shortformyoutube-clipperfal-upscalefal-video-editvenice-audio-musicvenice-audio-speech
Security · 13
All in category →
pptx-html-fidelity-auditAudit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow…scriptshallmarkAnti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or…clone-audit-mrlv3nl4Audit cloned or reimplemented websites for fidelity gaps, tracking scripts, source-brand and language…huashu-takram-soft-techOpen Design procurement & security leave-behind: the one-pager-plus a buying committee can forward and…html-ppt-zhangzara-retro-windowsAn IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60…writing-guidelinesReview docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing…html-ppt-obsidian-claude-gradientOpen Design's enterprise AI-adoption brief: local-first agents at work, the risk controls, the ROI, and the…critiqueRun a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy /…design-taste-frontendAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the…
brandkitdesign-reviewfull-page-screenshotimpeccable-design-polish
Workflow & Productivity · 13
All in category →
release-notes-one-pagerRelease notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note.…codex-interactive-capability-mapTurn a long-form article, thread, memo, or product narrative into a compact clickable capability map with a…od-new-generationDefault reference pipeline for the new-generation taskKind — discovery → plan → generate → critique with a…deep-think-maximum-cognitive-effort-protocol-mq8kvw92Use this plugin when the user wants a maximum-effort reasoning workflow for a complex, high-stakes, or…ecommerce-image-workflowReference-product ecommerce image workflow for generating a compact set of product-faithful main, feature…meeting-notesMeeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with…od-defaultHidden fallback scenario for free-form Home prompts. Infer the task type and ask only when routing is…wireframe-sketchA hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for…discovery-question-formStructured clarification form for unresolved material requirements.
handoffpatch-editfull-output-enforcementlibrary-curator
Business & Finance · 11
All in category →
ib-pitch-bookOpen Design's investor pitch book: market map, moat, unit economics, and the ask — analyst-grade and…fs-creative-voltageOpen Design's seed pitch: the open, local alternative to closed AI design — why now, the wedge, and the ask.…html-ppt-zhangzara-bold-posterOpen Design's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale.…html-ppt-zhangzara-cobalt-gridOpen Design renewal + seat-expansion business case for a growing customer: realized value, usage proof, and…create-slides-pitchCreate a concise HTML pitch deck for an early-stage product, with a strong narrative arc and finance-ready…invoiceA printable invoice page — sender + recipient block, line items table, tax breakdown, totals, and payment…html-ppt-pitch-deckOpen Design's demo-day pitch: hook, traction, moat, and the raise — built to make a partner sit up by page…dcf-valuationDiscounted cash flow valuation and intrinsic value analysis for public companies. Use when the brief asks for…team-okrsOKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars…
pricing-pagepaywall-upgrade-cro
Backend & API · 9
All in category →
docs-pageA documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the…replicateDiscover, compare, and run AI models using Replicate's API. Strong fit for image, audio, and video generation…soraGenerate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and…speechGenerate spoken audio from text using OpenAI's API with built-in voices. Useful for narrated explainers…venice-image-editImage edits, upscaling, and background removal via the Venice.ai API.venice-image-generateImage generation endpoints and available styles via the Venice.ai API.venice-videoVideo generation and transcription workflows via the Venice.ai API.gif-sticker-makerConvert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for…pixelbin-mediaGenerate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via…
AI & Agents · 9
All in category →
sample-pluginPhase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.code-importRead an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse…fal-kling-o3Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.gsap-pluginsOfficial GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable…gsap-scrolltriggerOfficial GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building…gsap-timelineOfficial GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when…gsap-utilsOfficial GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap…hand-drawn-diagramsGenerate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works…apple-higApple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns…
Documentation · 8
All in category →
clinical-case-reportStructured medical case presentation for clinical rounds, conferences, and documentation. Generates…doc-kami-parchmentWarm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade…eng-runbookAn engineering runbook — service overview, alerts table, dashboards links, common procedures with…extend-plugin-authorUse this plugin when the user wants to create, improve, validate, publish, or submit an Open Design plugin…wireframe-annotatedAn annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a…pm-specProduct spec / PRD as a single page — problem, success metrics, scope, user stories, design notes, rollout…docRead, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.design-briefParse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates…
Testing & QA · 7
All in category →
hatch-petCreate, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art…scriptscommunity-import-smoke-testA portable community plugin for validating Open Design plugin import flows.od-code-migrationDefault reference pipeline for the code-migration taskKind — code-import → design-extract → token-map →…build-testRun the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals…rewrite-planAuthor a long-running multi-file rewrite plan that subsequent patch-edit + diff-review + build-test stages…agent-browserBrowser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior…screenshots-marketingGenerate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots…
Databases · 3
All in category →
live-dashboardNotion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with…od-figma-migrationDefault reference pipeline for the figma-migration taskKind — figma-extract → token-map → generate → critique.orbit-notionOpen Orbit briefing skill — selected by the Orbit pipeline when Notion is the user's only connected…
DevOps & Cloud · 1
All in category →
deploy-vercel-staticUse this plugin when the user wants to deploy an accepted static web artifact to Vercel or prepare an…
Other · 23
webgl-horizontal-parallaxA horizontal-scroll WebGL gallery (Three.js): frames glide sideways with lerp smoothing and each image…webgl-pixel-reveal-galleryA scroll-reactive masonry gallery (Three.js + GSAP) where each image develops from a pixel/grid dissolve on…webgl-distortion-grainA vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex…resume-modernModern minimal resume, single A4 page, ready for print or PDF export.webgl-aurora-veilA self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars…webgl-caustic-poolA self-contained WebGL2 hero: animated water caustics woven from domain-warped ripples; click the water to…webgl-halftone-driftA self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone…webgl-liquid-iridescenceA self-contained WebGL2 hero: a living oil-on-water field brightened into iridescent caustic filaments; move…od-tune-collabDefault reference pipeline for the tune-collab taskKind — pick a direction, patch-edit the existing artifact…
faq-pagedirection-pickerdomain-name-brainstormerfal-3dfal-generatefal-image-editfal-realtimeshader-devslack-gif-creatorfal-tryonthreejsfal-visionpptxbrainstorming
About this collection
How many skills does nexu-io/open-design publish?

376 that pass our gate — each has a real description and a SKILL.md we could read. The repository actually contains 532 SKILL.md files, but 147 of them are the same skills republished in other folders, so we count things rather than copies.

How do I install one?

Every skill page carries its own command — `npx skills add nexu-io/open-design --skill <name> --agent claude-code`. Swap the agent for codex, cursor or copilot.

Are these skills able to change my files?

1 of them declare write access (Bash, Write or Edit) in their allowed-tools. That is the author's own declaration, shown on each skill page — worth reading before you install something that can modify a project.

Keep going
All skills →
The full catalog, by category and by tool.
Open Source Radar →
The repositories these collections come from.
More from nexu-io →
Everything this maker publishes.