
nexu-io/open-design
- skills.sh installs
- 454.7K
- skills
- 217
Install
$ npx -y skills add nexu-io/open-design --agent claude-codeInstalls into .claude/skills of the current project.
Skills
1
ui-ux-pro-maxnexu-io/open-designCatalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.5.5Kskills.sh installs
2
frontend-designnexu-io/open-designCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framew5Kskills.sh installs
3
web-design-guidelinesnexu-io/open-designReview UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product U4.1Kskills.sh installs
4
creative-directornexu-io/open-designAI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes3.6Kskills.sh installs
5
design-briefnexu-io/open-designParse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it profession3.6Kskills.sh installs
6
threejsnexu-io/open-designThree.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.3.5Kskills.sh installs
7
apple-hignexu-io/open-designApple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, wa3.4Kskills.sh installs
8
pptx-html-fidelity-auditnexu-io/open-designAudit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-r3.3Kskills.sh installs
9
design-reviewnexu-io/open-designDesigner Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.3.3Kskills.sh installs
10
design-mdnexu-io/open-designCreate and manage DESIGN.md files. Useful for capturing design direction, tokens, and visual rules in a single source of truth.3.3Kskills.sh installs
11
d3-visualizationnexu-io/open-designTeaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and techniques giving t3.3Kskills.sh installs
12
hatch-petnexu-io/open-designCreate, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual reference3.2Kskills.sh installs
13
frontend-skillnexu-io/open-designCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.3.2Kskills.sh installs
14
data-reportnexu-io/open-designTurns CSV, Excel, or JSON data into a polished visual report page.3.2Kskills.sh installs
15
copywritingnexu-io/open-designWrite and rewrite marketing copy for landing pages, homepages, and ads. Useful as a copy chief partner during launches.3.2Kskills.sh installs
16
color-expertnexu-io/open-designColor science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing,3.1Kskills.sh installs
17
docxnexu-io/open-designCreate, edit, and analyze Word documents with tracked changes, comments, and formatting. Useful for design briefs, copy docs, and review-ready deliverables.3.1Kskills.sh installs
18
pdfnexu-io/open-designExtract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.3.1Kskills.sh installs
19
brand-guidelinesnexu-io/open-designApply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping yo3.1Kskills.sh installs
20
ui-skillsnexu-io/open-designOpinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.3.1Kskills.sh installs
21
pptxnexu-io/open-designRead, generate, and adjust PowerPoint slides, layouts, and templates. Useful for executive decks, training material, and product reviews.3.1Kskills.sh installs
22
flutter-animating-appsnexu-io/open-designImplement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.3.1Kskills.sh installs
23
canvas-designnexu-io/open-designCreate beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.3.1Kskills.sh installs
24
remotionnexu-io/open-designProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.3.1Kskills.sh installs
25
plan-design-reviewnexu-io/open-designSenior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.3Kskills.sh installs
26
pptx-generatornexu-io/open-designCreate and edit PowerPoint presentations from scratch with PptxGenJS — MiniMax's production-tested deck pipeline.3Kskills.sh installs
27
swiftui-designnexu-io/open-designSwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and O3Kskills.sh installs
28
8-bit-orbit-video-templatenexu-io/open-designHyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced tr3Kskills.sh installs
29
shadcn-uinexu-io/open-designBuild UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.3Kskills.sh installs
30
gsap-corenexu-io/open-designOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).3Kskills.sh installs
31
slidesnexu-io/open-designCreate and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.3Kskills.sh installs
32
marketing-psychologynexu-io/open-designApply psychological principles and behavioral science to copy and design. Useful for tightening hooks, framing, and pricing presentation.3Kskills.sh installs
33
frontend-slidesnexu-io/open-designGenerate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.3Kskills.sh installs
34
web-artifacts-buildernexu-io/open-designBuild complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.3Kskills.sh installs
35
agent-browsernexu-io/open-designBrowser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons,3Kskills.sh installs
36
design-consultationnexu-io/open-designBuild a complete design system from scratch with creative risks and realistic product mockups. Useful for kickoff workshops and brand-from-zero work.3Kskills.sh installs
37
gsap-scrolltriggernexu-io/open-designOfficial GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, 3Kskills.sh installs
38
nanobanana-pptnexu-io/open-designAI-powered PPT generation with document analysis and styled images via the NanoBanana stack. Combines image generation with structured deck output.3Kskills.sh installs
39
frontend-devnexu-io/open-designFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.3Kskills.sh installs
40
hand-drawn-diagramsnexu-io/open-designGenerate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent3Kskills.sh installs
41
theme-factorynexu-io/open-designApply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.3Kskills.sh installs
42
ad-creativenexu-io/open-designGenerate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.2.9Kskills.sh installs
43
platform-designnexu-io/open-design300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web2.9Kskills.sh installs
44
fal-lip-syncnexu-io/open-designCreate talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.2.9Kskills.sh installs
45
shader-devnexu-io/open-designGLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.2.9Kskills.sh installs
46
brainstormingnexu-io/open-designTransform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.2.9Kskills.sh installs
47
figma-implement-designnexu-io/open-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.2.9Kskills.sh installs
48
after-hours-editorial-templatenexu-io/open-designLuxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when th2.9Kskills.sh installs
49
ppt-keynotenexu-io/open-designApple Keynote-quality slides, one card per screen, with keyboard left/right navigation.2.9Kskills.sh installs
51
gsap-reactnexu-io/open-designOfficial GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with Reac2.9Kskills.sh installs
52
enhance-promptnexu-io/open-designImprove prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.2.9Kskills.sh installs
53
video-downloadernexu-io/open-designDownload videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.2.9Kskills.sh installs
54
fal-3dnexu-io/open-designGenerate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.2.9Kskills.sh installs
55
imagennexu-io/open-designGenerate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.2.9Kskills.sh installs
56
field-notes-editorial-templatenexu-io/open-designEditorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when u2.9Kskills.sh installs
57
poster-heronexu-io/open-designVertical poster or Moments-style share image with strong visual impact.2.9Kskills.sh installs
58
html-ppt-retro-quarterly-reviewnexu-io/open-designRetro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck wi2.9Kskills.sh installs
59
screenshots-marketingnexu-io/open-designGenerate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.2.9Kskills.sh installs
60
algorithmic-artnexu-io/open-designCreate generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame2.9Kskills.sh installs
61
artifacts-buildernexu-io/open-designSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).2.9Kskills.sh installs
62
full-page-screenshotnexu-io/open-designCapture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.2.9Kskills.sh installs
63
minimax-pdfnexu-io/open-designGenerate, fill, and reformat PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports.2.9Kskills.sh installs
64
competitive-ads-extractornexu-io/open-designExtract and analyze competitors' ads from ad libraries to understand messaging and creative approaches that resonate.2.9Kskills.sh installs
65
gsap-timelinenexu-io/open-designOfficial GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when th2.9Kskills.sh installs
66
venice-audio-musicnexu-io/open-designMusic generation queueing, retrieval, and completion endpoints via Venice.ai. Suited for jingles, background loops, and prototype scoring.2.9Kskills.sh installs
67
digits-fintech-swiss-templatenexu-io/open-designSwiss-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold n2.9Kskills.sh installs
68
youtube-clippernexu-io/open-designYouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.2.9Kskills.sh installs
69
screenshotnexu-io/open-designCapture desktop, app windows, or pixel regions across OS platforms. Useful for marketing screenshots, design reviews, and bug reports.2.9Kskills.sh installs
70
figma-generate-designnexu-io/open-designBuild or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.2.9Kskills.sh installs
71
figma-create-design-system-rulesnexu-io/open-designGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.2.9Kskills.sh installs
72
swiss-creative-mode-templatenexu-io/open-designSwiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme swit2.9Kskills.sh installs
73
docnexu-io/open-designRead, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.2.9Kskills.sh installs
74
editorial-burgundy-principles-templatenexu-io/open-designEditorial studio deck template in burgundy / blush / muted-gold palette. Use when users ask for premium manifesto or culture slides with pill tags, large typogr2.9Kskills.sh installs
75
imagegennexu-io/open-designGenerate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.2.9Kskills.sh installs
76
image-enhancernexu-io/open-designImprove image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.2.9Kskills.sh installs
77
fal-generatenexu-io/open-designGenerate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.2.9Kskills.sh installs
78
figma-usenexu-io/open-designRun Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.2.9Kskills.sh installs
79
fal-image-editnexu-io/open-designAI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.2.9Kskills.sh installs
80
fal-upscalenexu-io/open-designUpscale and enhance image and video resolution using AI super-resolution models hosted on fal.ai.2.9Kskills.sh installs
81
faq-pagenexu-io/open-designA Frequently Asked Questions (FAQ) page with collapsible accordion sections, search functionality, and category filtering. Use when the brief asks for "FAQ", "h2.9Kskills.sh installs
82
domain-name-brainstormernexu-io/open-designGenerate creative domain name ideas and check availability across multiple TLDs including .com, .io, .dev, and .ai.2.9Kskills.sh installs
83
ai-music-albumnexu-io/open-designFull-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.2.9Kskills.sh installs
84
release-notes-one-pagernexu-io/open-designRelease notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note. Writes explicit "None" style sections whenever the 2.9Kskills.sh installs
85
swiss-user-research-video-templatenexu-io/open-designSwiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact wit2.9Kskills.sh installs
86
fal-visionnexu-io/open-designAnalyze images — segment objects, detect, run OCR, describe, and answer visual questions via fal.ai vision models.2.9Kskills.sh installs
87
minimax-docxnexu-io/open-designProfessional DOCX document creation and editing using OpenXML SDK. Useful for branded reports, polished proposals, and template-based authoring.2.9Kskills.sh installs
88
speechnexu-io/open-designGenerate spoken audio from text using OpenAI's API with built-in voices. Useful for narrated explainers, lecture audio, and quick voiceover tracks.2.9Kskills.sh installs
89
fal-tryonnexu-io/open-designVirtual try-on — see how clothes look on a person via fal.ai's hosted try-on models. Useful for ecommerce, lookbooks, and styling experiments.2.9Kskills.sh installs
90
paywall-upgrade-cronexu-io/open-designDesign and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.2.9Kskills.sh installs
91
deck-guizang-editorialnexu-io/open-designEditorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).2.8Kskills.sh installs
92
fal-restorenexu-io/open-designRestore and fix image quality — deblur, denoise, fix faces, and restore old documents using fal.ai's hosted restoration models.2.8Kskills.sh installs
93
venice-image-editnexu-io/open-designImage edits, upscaling, and background removal via the Venice.ai API.2.8Kskills.sh installs
94
fal-video-editnexu-io/open-designEdit existing videos using AI — remix style, upscale, remove background, and add audio via fal.ai's hosted video models.2.8Kskills.sh installs
95
soranexu-io/open-designGenerate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and rapid concept video iteration.2.8Kskills.sh installs
96
figma-generate-librarynexu-io/open-designBuild or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped component2.8Kskills.sh installs
97
gif-sticker-makernexu-io/open-designConvert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for personalized chat stickers and avatar packs.2.8Kskills.sh installs
98
venice-audio-speechnexu-io/open-designText-to-speech models, voices, formats, and streaming via Venice.ai. Useful for narration, voiceover, and conversational agent voices.2.8Kskills.sh installs
99
stitch-loopnexu-io/open-designIterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.2.8Kskills.sh installs
100
replicatenexu-io/open-designDiscover, compare, and run AI models using Replicate's API. Strong fit for image, audio, and video generation pipelines that swap models frequently.2.8Kskills.sh installs
101
figma-code-connect-componentsnexu-io/open-designConnect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.2.8Kskills.sh installs
102
figma-create-new-filenexu-io/open-designCreate a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.2.8Kskills.sh installs
103
design-taste-frontendnexu-io/open-designAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d2.8Kskills.sh installs
104
fal-kling-o3nexu-io/open-designGenerate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.2.8Kskills.sh installs
105
venice-image-generatenexu-io/open-designImage generation endpoints and available styles via the Venice.ai API.2.8Kskills.sh installs
106
fal-trainnexu-io/open-designTrain custom AI models (LoRA) on fal.ai for personalized image generation tailored to a brand, character, or style.2.8Kskills.sh installs
107
fal-realtimenexu-io/open-designReal-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.2.8Kskills.sh installs
108
card-xiaohongshunexu-io/open-designXiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.2.8Kskills.sh installs
109
mockup-device-3dnexu-io/open-designStatic iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.2.8Kskills.sh installs
110
resume-modernnexu-io/open-designModern minimal resume, single A4 page, ready for print or PDF export.2.8Kskills.sh installs
111
pixelbin-medianexu-io/open-designGenerate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.2.8Kskills.sh installs
112
venice-videonexu-io/open-designVideo generation and transcription workflows via the Venice.ai API.2.8Kskills.sh installs
113
wpdsnexu-io/open-designWordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.2.8Kskills.sh installs
114
video-hyperframesnexu-io/open-designHyperframes / Remotion-compatible continuous frame animation with autoplay support.2.8Kskills.sh installs
115
slack-gif-creatornexu-io/open-designCreate animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.2.8Kskills.sh installs
116
deck-swiss-internationalnexu-io/open-design16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).2.8Kskills.sh installs
117
article-magazinenexu-io/open-designHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.8Kskills.sh installs
118
deck-open-slide-canvasnexu-io/open-designLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.2.8Kskills.sh installs
119
doc-kami-parchmentnexu-io/open-designWarm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.2.7Kskills.sh installs
120
frame-liquid-bg-heronexu-io/open-designWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.2.7Kskills.sh installs
121
frame-light-leak-cinemanexu-io/open-designFilm light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.2.7Kskills.sh installs
122
frame-data-chart-nytnexu-io/open-designNYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).2.7Kskills.sh installs
123
frame-flowchart-stickynexu-io/open-designSVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.2.7Kskills.sh installs
124
frame-glitch-titlenexu-io/open-designDigital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.2.7Kskills.sh installs
125
frame-logo-outronexu-io/open-designSegmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.2.7Kskills.sh installs
126
card-twitternexu-io/open-designTwitter quote or data card designed to pair with a post.2.7Kskills.sh installs
127
vfx-text-cursornexu-io/open-designCursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.2.7Kskills.sh installs
128
frame-macos-notificationnexu-io/open-designRealistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.2.7Kskills.sh installs
129
social-x-post-cardnexu-io/open-designRealistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.2.7Kskills.sh installs
130
impeccable-design-polishnexu-io/open-designFollow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page 2.7Kskills.sh installs
131
social-reddit-cardnexu-io/open-designRealistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.2.7Kskills.sh installs
132
social-spotify-cardnexu-io/open-designSpotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.2.7Kskills.sh installs
133
weread-year-in-review-video-templatenexu-io/open-designWeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stor2.5Kskills.sh installs
134
emilkowalski-motionnexu-io/open-designMotion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add tasteful micro-interactions, state transition2.4Kskills.sh installs
135
research-decision-roomnexu-io/open-designTurn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an 2.3Kskills.sh installs
136
gsap-performancenexu-io/open-designOfficial GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or w2.3Kskills.sh installs
137
gsap-pluginsnexu-io/open-designOfficial GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physic2.3Kskills.sh installs
138
gsap-frameworksnexu-io/open-designOfficial GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue2.2Kskills.sh installs
139
gsap-utilsnexu-io/open-designOfficial GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp,2.2Kskills.sh installs
140
ecommerce-image-workflownexu-io/open-designReference-product ecommerce image workflow for generating a compact set of product-faithful main, feature, and lifestyle images from real product reference phot2.2Kskills.sh installs
141
high-end-visual-designnexu-io/open-designTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. 2.1Kskills.sh installs
142
brandkitnexu-io/open-designPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained fo2Kskills.sh installs
143
redesign-existing-projectsnexu-io/open-designUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without bre2Kskills.sh installs
144
image-to-codenexu-io/open-designElite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then impl2Kskills.sh installs
145
gpt-tastenexu-io/open-designElite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typograph2Kskills.sh installs
146
od-contributenexu-io/open-designOne-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; 1.9Kskills.sh installs
147
export-download-debuggingnexu-io/open-designDiagnose and fix browser, preview, or Electron export/download failures, especially image export issues involving Save As, Blob/Data URLs, the File System Acces1.9Kskills.sh installs
148
stitch-design-tastenexu-io/open-designSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, ca1.9Kskills.sh installs
149
reference-design-contractnexu-io/open-designTurn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff. Use it befo1.9Kskills.sh installs
150
pr-feedback-quality-gatenexu-io/open-designSafely track pull request feedback, resolve review comments or merge conflicts, validate fixes, and use a read-only cross-review before committing or pushing fo1.9Kskills.sh installs
151
minimalist-uinexu-io/open-designClean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.1.9Kskills.sh installs
152
design-taste-frontend-v1nexu-io/open-designThe original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is 1.8Kskills.sh installs
153
imagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product1.8Kskills.sh installs
154
imagegen-frontend-webnexu-io/open-designElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal1.8Kskills.sh installs
155
industrial-brutalist-uinexu-io/open-designRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog 1.8Kskills.sh installs
156
full-output-enforcementnexu-io/open-designOverrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any ta1.8Kskills.sh installs
157
taste-skillnexu-io/open-designHigh-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density to stop generic UI slop.808skills.sh installs
158
web-prototypenexu-io/open-designGeneral-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `refere301skills.sh installs
159
dashboardnexu-io/open-designAdmin / 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 brie290skills.sh installs
160
saas-landingnexu-io/open-designSingle-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "s277skills.sh installs
161
mobile-onboardingnexu-io/open-designA multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when t276skills.sh installs
162
mobile-appnexu-io/open-designA mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed `assets/template.html` and pasting one screen ar268skills.sh installs
163
wireframe-sketchnexu-io/open-designA hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations, scribbled chart pl264skills.sh installs
164
magazine-posternexu-io/open-designAn editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbe259skills.sh installs
165
critiquenexu-io/open-designRun a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–255skills.sh installs
166
social-carouselnexu-io/open-designA three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwa255skills.sh installs
167
email-marketingnexu-io/open-designA brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications249skills.sh installs
168
motion-framesnexu-io/open-designA single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels. Renders as a hero vid249skills.sh installs
169
docs-pagenexu-io/open-designA documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "A248skills.sh installs
170
invoicenexu-io/open-designA printable invoice page — sender + recipient block, line items table, tax breakdown, totals, and payment instructions. Use when the brief mentions "invoice", "248skills.sh installs
171
sprite-animationnexu-io/open-designA pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit c247skills.sh installs
172
blog-postnexu-io/open-designA long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief 245skills.sh installs
173
pricing-pagenexu-io/open-designA standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription tiers", or a245skills.sh installs
174
tweaksnexu-io/open-designWrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties243skills.sh installs
175
simple-decknexu-io/open-designSingle-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide l242skills.sh installs
176
finance-reportnexu-io/open-designQuarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when t240skills.sh installs
177
digital-eguidenexu-io/open-designA 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 bo239skills.sh installs
178
magazine-web-pptnexu-io/open-design生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT(单 HTML 文件),含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到"杂志风 PPT"、"horizontal swipe deck"、"editori239skills.sh installs
179
kanban-boardnexu-io/open-designKanban / task board with columns (To do / In progress / In review / Done), draggable-looking cards, assignee avatars, swimlanes, and a top filter bar. Use when 238skills.sh installs
180
gamified-appnexu-io/open-designA 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 236skills.sh installs
181
pm-specnexu-io/open-designProduct spec / PRD as a single page — problem, success metrics, scope, user stories, design notes, rollout plan, open questions. Use when the brief mentions "PR234skills.sh installs
182
weekly-updatenexu-io/open-designSingle-file horizontal-swipe slide deck for a weekly team update — shipped, in flight, blocked, metrics, asks. 6–8 slides. Use when the brief mentions "weekly u234skills.sh installs
183
dating-webnexu-io/open-designA consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and233skills.sh installs
184
hr-onboardingnexu-io/open-designA new-hire onboarding plan as a single page — first week schedule, buddy + manager intro, learning track, equipment checklist, and "you're set when…" outcomes. 233skills.sh installs
185
meeting-notesnexu-io/open-designMeeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates, and a "next meeting" footer. Use when 233skills.sh installs
186
eng-runbooknexu-io/open-designAn engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation, and an incident-res231skills.sh installs
187
team-okrsnexu-io/open-designOKR tracker page — quarter banner, three objectives with their key results as progress bars, owner avatars, status pills, and a "this quarter at a glance" sideb229skills.sh installs
188
image-posternexu-io/open-designSingle-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flu225skills.sh installs
189
hyperframesnexu-io/open-designCreate video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when 220skills.sh installs
190
audio-jinglenexu-io/open-designAudio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / Eleve210skills.sh installs
191
replit-decknexu-io/open-designSingle-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery. Eight distinct themes (helix, holm, vance, bevel, world-da209skills.sh installs
192
video-shortformnexu-io/open-designShort-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops. Defaults to Seedance 2 but works the same with Kling 3209skills.sh installs
193
html-pptnexu-io/open-designFor consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-de208skills.sh installs
194
html-ppt-pitch-decknexu-io/open-designInvestor-ready 10-slide HTML pitch deck — white + blue→purple gradient hero, big numbers, traction bar chart, $4.5M-style ask page. Use when the user wants a fu190skills.sh installs
195
html-ppt-course-modulenexu-io/open-designA 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 prof186skills.sh installs
196
html-ppt-obsidian-claude-gradientnexu-io/open-designGitHub 暗紫渐变 deck — GitHub-dark186skills.sh installs
198
html-ppt-weekly-reportnexu-io/open-designTeam weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team statu185skills.sh installs
202
html-ppt-tech-sharingnexu-io/open-designConference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharin183skills.sh installs
203
html-ppt-dir-key-nav-minimalnexu-io/open-design8 页极简方向键 keynote — 每页一个独立单色背景(靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭),各自配色,160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合"有话要说但没什么可182skills.sh installs
204
html-ppt-presenter-modenexu-io/open-design演讲者模式专用 deck — tokyo-night 默认主题,5 套主题 T 键切换,每页带 150-300 字逐字稿示例(<aside class="notes">),按 S 打开 popup(CURRENT / NEXT / SCRIPT / TIMER 四张磁吸卡片)。用于技术分享、公开演讲、课程讲解,怕忘词或182skills.sh installs
205
html-ppt-testing-safety-alertnexu-io/open-design红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块(红左边框 + bad 关键词高亮)、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 182skills.sh installs
206
html-ppt-xhs-white-editorialnexu-io/open-design白底杂志风 deck — 纯白背景 + 顶部 10 色彩虹 bar、80-110px display 标题、紫→蓝→绿→橙→粉渐变文字、马卡龙软卡片组(粉/紫/蓝/绿/橙)、黑底白字 .focus pill、引用大块。同时适合发小红书图文 + 横版 PPT 双用。182skills.sh installs
207
html-ppt-product-launchnexu-io/open-designLaunch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature181skills.sh installs
208
html-ppt-xhs-postnexu-io/open-design小红书 / Instagram 风 9 页 3:4 竖版图文(810×1080)— 暖色 pastel、虚线 sticker 卡片、底部页码点点。用于发小红书图文、Instagram carousel、品牌种草内容。181skills.sh installs
209
web-prototype-taste-editorialnexu-io/open-designEditorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace,171skills.sh installs
210
web-prototype-taste-softnexu-io/open-designApple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled f166skills.sh installs
211
web-prototype-taste-brutalistnexu-io/open-designSwiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII164skills.sh installs
212
html-ppt-taste-editorialnexu-io/open-design16:9 HTML deck in editorial-minimalist taste. Warm cream slides, serif display + grotesque body, hairline rules, monospace meta, generous macro-whitespace, one 160skills.sh installs
213
html-ppt-taste-brutalistnexu-io/open-design16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII158skills.sh installs
214
open-design-landing-decknexu-io/open-designProduce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collag138skills.sh installs
215
kami-decknexu-io/open-designProduce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, in133skills.sh installs
216
kami-landingnexu-io/open-designProduce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output read132skills.sh installs
217
live-artifactnexu-io/open-designCreate refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, sync123skills.sh installs