Install every skill from this repository$ npx skills add nexu-io/open-design
Repository directory
Skills
164 of 164
#Skill8W activityInstalls
1ui-ux-pro-max|5.2K2frontend-design|4.5K3web-design-guidelines|3.7K4design-briefI-Lang formatted design brief or natural language description3.2K5creative-director|3.2K6threejs|3.2K7apple-hig|3.1K8pptx-html-fidelity-auditAudit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export — including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx → HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences.3K9design-review|3K10hatch-petCreate, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.2.9K11d3-visualization|2.9K12design-md|2.9K13frontend-skill|2.9K14copywriting|2.9K15data-reportTurns CSV, Excel, or JSON data into a polished visual report page.2.9K16docx|2.8K17pdf|2.8K18brand-guidelines|2.8K19pptx|2.8K20color-expert|2.8K21ui-skills|2.8K22remotion|2.8K23flutter-animating-apps|2.8K24canvas-design|2.8K25plan-design-review|2.7K26pptx-generator|2.7K27swiftui-design|2.7K28shadcn-ui|2.7K29slides|2.7K30marketing-psychology|2.7K31web-artifacts-builder|2.7K32frontend-slides|2.7K33gsap-core|2.7K34nanobanana-ppt|2.7K35agent-browser|2.7K36hand-drawn-diagrams|2.7K37theme-factory|2.7K38frontend-dev|2.7K39fal-lip-sync|2.7K40ad-creative|2.7K41design-consultation|2.7K42figma-implement-design|2.7K43gsap-scrolltrigger|2.7K44platform-design|2.7K45ppt-keynoteApple Keynote-quality slides, one card per screen, with keyboard left/right navigation.2.7K46after-hours-editorial-template|2.7K47brainstorming|2.7K48enhance-prompt|2.7K498-bit-orbit-video-template|2.6K50shader-dev|2.6K51login-flowMobile login and authentication flow screens2.6K52video-downloader|2.6K53fal-3d|2.6K54gsap-react|2.6K55field-notes-editorial-template|2.6K56imagen|2.6K57html-ppt-retro-quarterly-review|2.6K58algorithmic-art|2.6K59minimax-pdf|2.6K60screenshots-marketing|2.6K61competitive-ads-extractor|2.6K62venice-audio-music|2.6K63full-page-screenshot|2.6K64artifacts-builder|2.6K65digits-fintech-swiss-template|2.6K66figma-generate-design|2.6K67poster-heroVertical poster or Moments-style share image with strong visual impact.2.6K68screenshot|2.6K69figma-create-design-system-rules|2.6K70image-enhancer|2.6K71doc|2.6K72youtube-clipper|2.6K73editorial-burgundy-principles-template|2.6K74swiss-creative-mode-template|2.6K75fal-generate|2.6K76gsap-timeline|2.6K77figma-use|2.6K78fal-image-edit|2.6K79imagegen|2.6K80domain-name-brainstormer|2.6K81ai-music-album|2.6K82minimax-docx|2.6K83release-notes-one-pager|2.6K84fal-upscale|2.6K85fal-vision|2.6K86speech|2.6K87swiss-user-research-video-template|2.6K88faq-page|2.6K89fal-tryon|2.6K90venice-image-edit|2.6K91paywall-upgrade-cro|2.6K92sora|2.6K93figma-generate-library|2.6K94fal-restore|2.6K95deck-guizang-editorialEditorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).2.6K96venice-audio-speech|2.6K97fal-video-edit|2.6K98figma-code-connect-components|2.6K99stitch-loop|2.6K100figma-create-new-file|2.6K101gif-sticker-maker|2.6K102replicate|2.6K103fal-kling-o3|2.6K104venice-image-generate|2.6K105fal-train|2.6K106fal-realtime|2.6K107card-xiaohongshuXiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.2.5K108pixelbin-media|2.5K109wpds|2.5K110slack-gif-creator|2.5K111venice-video|2.5K112resume-modernModern minimal resume, single A4 page, ready for print or PDF export.2.5K113mockup-device-3dStatic iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.2.5K114video-hyperframesHyperframes / Remotion-compatible continuous frame animation with autoplay support.2.5K115article-magazineHuashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.2.5K116deck-swiss-international16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).2.5K117deck-open-slide-canvasLocked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.2.5K118design-taste-frontend|2.5K119doc-kami-parchmentWarm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.2.5K120frame-liquid-bg-heroWebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.2.5K121frame-flowchart-stickySVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.2.5K122frame-data-chart-nytNYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).2.5K123frame-light-leak-cinemaFilm light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.2.5K124frame-glitch-titleDigital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.2.5K125frame-logo-outroSegmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.2.5K126card-twitterTwitter quote or data card designed to pair with a post.2.5K127vfx-text-cursorCursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.2.4K128frame-macos-notificationRealistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.2.4K129social-x-post-cardRealistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.2.4K130social-reddit-cardRealistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.2.4K131social-spotify-cardSpotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.2.4K132impeccable-design-polish|2.4K133weread-year-in-review-video-template|2.3K134emilkowalski-motion|2.1K135research-decision-roomThe product/design decision the team needs to make2K136gsap-performance|2K137gsap-frameworks|2K138gsap-plugins|2K139gsap-utils|1.9K140ecommerce-image-workflow|1.9K141high-end-visual-design|1.8K142brandkit|1.7K143redesign-existing-projects|1.7K144gpt-taste|1.7K145od-contributeOne-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.1.7K146export-download-debugging|1.7K147pr-feedback-quality-gate|1.6K148stitch-design-taste|1.6K149reference-design-contractGoal, audience, references, or the style problem to resolve1.6K150image-to-code|1.6K151minimalist-ui|1.6K152design-taste-frontend-v1|1.6K153imagegen-frontend-web|1.6K154imagegen-frontend-mobile|1.5K155industrial-brutalist-ui|1.5K156full-output-enforcement|1.5K157emil-design-eng|10158brand-extract|8159chat-motion-overlayGenerate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, optional device frames, preset or uploaded avatars, nickname display rules, and transparent-video-ready Remotion bundles. Use when Codex needs to create reusable short-form chat clips for Douyin, demo videos, story reenactments, social-message proof scenes, or embeddable alpha overlays for Hyperframe and Remotion workflows.7160library-curator|7161od-next-media-inputsod-next-media-inputs is published by nexu-io/open-design. Review its source instructions before using it in an agent workflow.7162review-animations|7163web-clone>7164writing-guidelines|7