Skip to content
cccskills

OpenDesign

@nexu-io

Organization

The open-source stack for your design system.

669 skills14 repositories 123.8K

Skills (669)

Refine in search

Prepare media assets required by an existing OD Next plan. Reuse verified capabilities and suitable assets, acquire files, measure dimensions, and retrieve background job results while preserving required content, licensing constraints, and quality conditions.

  • Preparing all media assets required by an existing plan
  • Reusing suitable user assets across multiple pages
  • Measuring asset dimensions for layout sizing
nexu-io/open-design103.6KUpdated Oct 23, 2026

ui-skills

FreeSummary

Guide an AI agent’s interface work with a shared set of design constraints. Use it to keep many small UI elements coherent across an interface, with the full workflow available through the separately installed upstream bundle.

  • Keeping multiple UI components consistent
  • Giving an agent shared rules for interface work
  • Including UI constraints during project planning
nexu-io/open-design103.6KUpdated Oct 23, 2026

stitch-loop

FreeSummary

Guide an iterative review of a built interface against its design brief, using critique and adjustment to improve visual alignment. This catalogue entry points agents to the upstream workflow, which requires a separate installation.

  • Review a built interface against its design brief
  • Refine visual differences through repeated adjustments
  • Plan a design-to-code review cycle
nexu-io/open-design103.6KUpdated Oct 23, 2026

pptx

FreeSummary

Read, create, and adjust PowerPoint presentations, including slide layouts and templates. Use it for executive decks, training materials, and product reviews; the catalogue entry points agents to an upstream bundle containing the full workflow and supporting files.

  • Create a presentation for executives
  • Prepare training slides
  • Build a product review deck
nexu-io/open-design103.6KUpdated Oct 23, 2026

ppt-keynote

FreeSummary

Turn presentation content into Keynote-style web slides with large headings, restrained colors, and generous spacing. Each screen shows one slide, with keyboard navigation, page counts, and fade transitions for product introductions or talks.

  • Building a product introduction deck
  • Preparing slides for a talk
  • Presenting a chart on its own slide
nexu-io/open-design103.6KUpdated Oct 23, 2026

sora

FreeSummary

Generate, remix, and manage short video clips through OpenAI's Sora API. Use it to create cinematic shots, produce b-roll—supplementary footage for an edit—or try different versions of a video concept.

  • Creating cinematic shots
  • Producing supplementary footage for an edit
  • Trying different versions of a video concept
nexu-io/open-design103.6KUpdated Oct 23, 2026

ui-ux-pro-max

FreeSummary

Discover a UI/UX design resource during planning through this catalog entry. It identifies the upstream skill, but its pattern data, templates, and search tools require a separate installation before the full workflow can run.

  • Considering UI/UX resources during design planning
  • Checking whether the full skill is installed
  • Finding guidance for installing the upstream bundle
nexu-io/open-design103.6KUpdated Oct 23, 2026

Design and build landing pages, portfolios, and website redesigns around the audience and brand. Choose suitable typography, colors, layouts, and motion, then check consistency, responsive behavior, and readable buttons and forms before delivery.

  • Build a landing page around a brand brief
  • Create a portfolio for its intended audience
  • Redesign a site while retaining its identity
nexu-io/open-design103.6KUpdated Oct 23, 2026

speech

FreeSummary

Turn written text into spoken audio using OpenAI's API and built-in voices. Use it to create narrated explanations, audio versions of lectures, or quick voiceover tracks from prepared scripts.

  • Creating narration for an explainer
  • Turning lecture text into audio
  • Making a quick video voiceover
nexu-io/open-design103.6KUpdated Oct 23, 2026

minimax-pdf

FreeSummary

Create, fill, and reformat PDFs for branded documents, digital guides, and reports. Use shared design settings and a choice of 15 cover styles to shape the document’s appearance around a consistent visual system.

  • Create branded PDFs
  • Produce digital guides
  • Format reports
nexu-io/open-design103.6KUpdated Oct 23, 2026

faq-page

FreeSummary

Create an FAQ page with expandable answers, live text search, and category filters. The skill organizes realistic questions for a product or service into a single HTML file with a contact section.

  • Creating a help page for a SaaS product
  • Organizing billing and account questions
  • Building a searchable online store FAQ
nexu-io/open-design103.6KUpdated Oct 23, 2026

minimalist-ui

FreeSummary

Design minimalist web interfaces with warm monochrome colors, clear typographic hierarchy, generous spacing, and flat card grids. Use muted pastel accents and subtle motion to create an editorial layout for product interfaces.

  • Prototyping a minimalist product interface
  • Organizing feature cards in an asymmetric grid
  • Unifying typography, spacing, and colors
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-vision

FreeSummary

Analyze images with fal.ai vision models to detect objects, separate their regions, read text, and describe visible content. Ask questions about an image to check specific details in what it shows.

  • Read text from an image
  • Detect objects and separate their regions
  • Describe an image and ask questions about it
nexu-io/open-design103.6KUpdated Oct 23, 2026

Create project-specific rules for turning Figma designs into code. Bring design tokens, shared values such as colors and spacing, together with naming conventions and lint rules for automated checks in one reference.

  • Defining rules for implementing Figma designs
  • Documenting shared design values and naming conventions
  • Consolidating automated checking rules in one reference
nexu-io/open-design103.6KUpdated Oct 23, 2026

frontend-design

FreeSummary

Build websites, dashboards, and application screens with a clear visual direction and working frontend code. The skill covers typography, color, layout, responsive behavior, and interaction states while following existing project conventions and brand guidance.

  • Building a landing page with a clear visual direction
  • Designing a dashboard for everyday work
  • Refining the appearance and behavior of existing UI
nexu-io/open-design103.6KUpdated Oct 23, 2026

Create a blank Figma Design or FigJam file as the starting point for agent workflows. Use it to prepare a new workspace before building a design system or organizing workshop activities.

  • Starting a blank Figma Design file
  • Preparing a FigJam file for a workshop
  • Beginning a scripted design-system workflow
nexu-io/open-design103.6KUpdated Oct 23, 2026

Turn Figma designs into production-ready frontend code that closely matches the original visuals. Use it to hand design frames directly to a frontend agent and guide implementation toward a faithful reproduction of the design.

  • Implementing a screen from a Figma design
  • Handing Figma frames to a frontend agent
  • Reproducing a design's appearance in code
nexu-io/open-design103.6KUpdated Oct 23, 2026

frontend-skill

FreeSummary

Create landing pages, websites, and app interfaces with restrained composition and a clear visual presence. The skill draws on OpenAI's frontend production playbook to guide the appearance and arrangement of interface elements.

  • Creating landing pages with restrained composition
  • Designing visually composed websites
  • Creating app user interfaces
nexu-io/open-design103.6KUpdated Oct 23, 2026

gsap-timeline

FreeSummary

Build coordinated animation sequences with GSAP, an animation library. Arrange movements in order or in parallel, set start times with labels, group sequences inside others, and control playback, pauses, seeking, and reverse motion.

  • Playing several animations in a defined order
  • Overlapping movements at precise start times
  • Grouping sequences and controlling their playback
nexu-io/open-design103.6KUpdated Oct 23, 2026

imagegen

FreeSummary

Generate and edit project images with OpenAI's Image API, including UI mockups, icons, illustrations, social cards, and visual references. This catalog entry helps agents discover the skill; the complete workflow requires installing the upstream bundle.

  • Creating UI mockup images
  • Generating icons and illustrations
  • Preparing social card images
nexu-io/open-design103.6KUpdated Oct 23, 2026

frontend-slides

FreeSummary

Create HTML presentations with rich animations and visual style previews. Use the skill to build slides for online keynotes, embedded talks, or interactive briefs, with a preview of how the presentation will look.

  • Creating slides for an online keynote
  • Preparing a presentation to embed in a web page
  • Building an interactive brief
nexu-io/open-design103.6KUpdated Oct 23, 2026

Turn CSV, JSON, or a written conclusion into a newspaper-style chart for video clips or social posts. Produce a single HTML file with line, bar, or range-band charts, clear headlines, source notes, and staggered animation.

  • Showing data trends in a video clip
  • Creating a chart card for social media
  • Visualizing CSV or JSON data
nexu-io/open-design103.6KUpdated Oct 23, 2026

Turn photos into animated GIF stickers with a Funko Pop or Pop Mart look using the MiniMax API. Use the resulting images for personalized chat stickers or avatar packs.

  • Making personalized chat stickers from photos
  • Creating animated stickers with a collectible-toy look
  • Preparing photo-based avatar packs
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-tryon

FreeSummary

Preview how clothes look on a person using virtual try-on models hosted by fal.ai. Use the workflow to explore clothing visuals for ecommerce, lookbooks, or experiments with different styling ideas.

  • Exploring clothing visuals for ecommerce
  • Trying outfit ideas for a lookbook
  • Checking how clothes look on a person
nexu-io/open-design103.6KUpdated Oct 23, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)