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

brand-guidelines

FreeSummaryAI rating 80

Apply Anthropic's official brand colors and typography to artifacts for a consistent visual identity. The guidance also provides a reference for developing your own brand rules; the full workflow requires the upstream skill bundle.

  • Applying Anthropic brand colors to artifacts
  • Aligning typography with official brand guidance
  • Keeping visual identity consistent across artifacts
nexu-io/open-design103.6KUpdated Oct 23, 2026

design-brief

FreeSummaryAI rating 90

Turn a design request into a concrete specification covering colors, fonts, layout, mood, spacing, and constraints. Generate DESIGN.md and an HTML preview, with a clear report of defaults applied to unspecified choices.

  • Clarifying vague visual requirements before implementation
  • Defining colors, fonts, and spacing for a landing page
  • Reviewing design choices through an HTML preview
nexu-io/open-design103.6KUpdated Oct 23, 2026

design-consultation

FreeSummaryAI rating 80

Build a design system, a shared set of design rules, from scratch and create realistic product mockups. Use it for kickoff workshops or new brand development, with room to explore bolder creative choices.

  • Developing a new brand from scratch
  • Running a design kickoff workshop
  • Building a design system from the ground up
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-train

FreeSummaryAI rating 70

Train a custom LoRA on fal.ai, a model adaptation for personalized image generation. Use it to prepare an image model tailored to a particular brand, character, or visual style.

  • Training a model for brand-specific imagery
  • Preparing a custom model for a character
  • Training a LoRA for a particular visual style
nexu-io/open-design103.6KUpdated Oct 23, 2026

ad-creative

FreeSummaryAI rating 80

Create and revise headlines, descriptions, and main text for paid social and search ads. Use it to develop ad copy options and refine wording through repeated rounds of revision.

  • Drafting headlines for paid social ads
  • Creating descriptions for search ads
  • Revising the main text of an ad
nexu-io/open-design103.6KUpdated Oct 23, 2026

data-report

FreeSummary

Turn CSV, Excel, or JSON data into a visual report page with key metrics, multiple charts, a data table, and written observations. The report uses supplied data and includes its source, reporting period, and methodology.

  • Turn growth data into a visual weekly report
  • Present key metrics and year-over-year changes
  • Share charts alongside source data and methodology
nexu-io/open-design103.6KUpdated Oct 23, 2026

chat-motion-overlay

FreeSummaryAI rating 90

Turn chat transcripts or screenshots into animated message overlays. Configure app-style containers, avatars, nicknames, and device frames, then prepare transparent videos or editable project files for short clips, demonstrations, and story reenactments.

  • Animated chat scenes for short videos
  • Message overlays for product demonstrations
  • Chat-based story reenactments
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-restore

FreeSummaryAI rating 70

Restore image quality using restoration models hosted by fal.ai. The skill covers reducing blur and noise, fixing faces, and restoring old document images, with the full workflow available through the upstream skill bundle.

  • Reducing blur in images
  • Removing image noise
  • Fixing facial image quality
nexu-io/open-design103.6KUpdated Oct 23, 2026

card-twitter

FreeSummaryAI rating 100

Creates quote or data cards to accompany Twitter or X posts. The wide layout combines a prominent short statement with author details, a category label, and a brand watermark, ready to capture as an image.

  • Turning a short quote into a post image
  • Creating a card to share data
  • Sharing an insight with author details
nexu-io/open-design103.6KUpdated Oct 23, 2026

enhance-prompt

FreeSummaryAI rating 70

Clarify requests for visual output by adding design specifications and UI/UX vocabulary, the language of interfaces and user experience. Use it to refine prompts for screen design or workflows that turn designs into code.

  • Clarifying a request for a visual design
  • Refining prompts for turning designs into code
  • Adding UI/UX vocabulary to a design request
nexu-io/open-design103.6KUpdated Oct 23, 2026

d3-visualization

FreeSummaryAI rating 80

Build charts and interactive data visualizations with D3.js, a JavaScript library for drawing data graphics. Examples across chart types support reports, dashboards, explanatory graphics, and prototypes that let readers explore data.

  • Exploring sales data with a zoomable treemap
  • Showing relationships in a force-directed network graph
  • Displaying daily patterns in a calendar heatmap
nexu-io/open-design103.6KUpdated Oct 23, 2026

algorithmic-art

FreeSummaryAI rating 80

Create generative art, or images made with programmed rules, using p5.js. Fixed random seeds make each rendering reproducible, supporting procedural posters, still images that suggest motion, and studies of artistic frame composition.

  • Posters generated with programmed rules
  • Still images that suggest motion
  • Studies of artistic frame composition
nexu-io/open-design103.6KUpdated Oct 23, 2026

deck-swiss-international

FreeSummaryAI rating 100

Turn product information, analysis, or methods into an HTML slide deck with a 16-column grid and one accent color. Use 22 fixed layouts for timelines, comparisons, diagrams, and charts based on supplied data.

  • Presenting a product roadmap
  • Reporting KPIs and ranking data
  • Explaining before-and-after differences
nexu-io/open-design103.6KUpdated Oct 23, 2026

ecommerce-image-workflow

FreeSummaryAI rating 90

Turn real product reference photos into three ecommerce images: a clean main shot, a feature highlight, and a lifestyle scene. The workflow prioritizes product consistency and also creates an image manifest and a preview gallery.

  • Creating a main product image from a reference photo
  • Showing one product feature in a dedicated image
  • Creating a realistic product usage scene
nexu-io/open-design103.6KUpdated Oct 23, 2026

canvas-design

FreeSummaryAI rating 80

Create posters, illustrations, and other static visual artwork as PNG images or PDF documents. The skill uses design philosophy and aesthetic principles to guide the visual approach for each piece.

  • Create a poster
  • Produce an illustration
  • Create static artwork in PNG or PDF format
nexu-io/open-design103.6KUpdated Oct 23, 2026

article-magazine

FreeSummaryAI rating 100

Turn Markdown or notes into a magazine-style HTML article. A large title, centered reading column, distinctive headings, styled quotations, and labeled code blocks give long essays and newsletters a consistent visual structure.

  • Turning Markdown into a magazine-style article
  • Formatting an essay from notes
  • Designing a long-form newsletter
nexu-io/open-design103.6KUpdated Oct 23, 2026

deck-open-slide-canvas

FreeSummaryAI rating 90

Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.

  • Creating a personal portfolio deck
  • Preparing slides for art or design classes
  • Building a talk around bold questions or images
nexu-io/open-design103.6KUpdated Oct 23, 2026

competitive-ads-extractor

FreeSummaryAI rating 80

Extract and analyze competitors’ ads from ad libraries to study their messages and creative approaches. Use the findings as reference material when reviewing how other brands communicate and considering the direction of your own advertising.

  • Research competitors’ advertising messages
  • Review creative approaches in competing ads
  • Gather references for your own ad concepts
nexu-io/open-design103.6KUpdated Oct 23, 2026

artifacts-builder

FreeSummaryAI rating 80

Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.

  • Creating an HTML artifact for claude.ai
  • Prototyping an interface with multiple components
  • Building an artifact with React and shadcn/ui
nexu-io/open-design103.6KUpdated Oct 23, 2026

industrial-brutalist-ui

FreeSummaryAI rating 90

Design industrial-style web interfaces using rigid grids, dramatic type sizes, compact data displays, and red accents. Choose a light print-inspired layout or a dark terminal aesthetic, with textures that mimic paper or older screens.

  • Prototyping a data-heavy dashboard
  • Designing a print-inspired portfolio
  • Creating a dark terminal-style interface
nexu-io/open-design103.6KUpdated Oct 23, 2026

export-download-debugging

FreeSummaryAI rating 90

Diagnose image export and download failures in browsers and Electron. Separate image data preparation from file saving, investigate empty files and blocked writes, and choose a suitable fallback save method.

  • Investigating exported images saved as 0 KB files
  • Fixing failures in Save As dialogs and file writes
  • Troubleshooting image downloads in Electron
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-kling-o3

FreeSummaryAI rating 70

Generate images and videos with Kling O3 through fal.ai. This OpenDesign catalogue entry helps agents find the skill during planning; running the full workflow requires installing the upstream bundle with its assets, scripts, and references.

  • Requesting image generation with Kling O3
  • Requesting video generation through fal.ai
  • Including Kling O3 generation in an OpenDesign production plan
nexu-io/open-design103.6KUpdated Oct 23, 2026

doc-kami-parchment

FreeSummaryAI rating 100

Turn supplied content into an HTML document with a warm parchment background, ink-blue accents, and consistent serif typography. Arrange reports, letters, resumes, and other documents using clear text hierarchy and generous spacing.

  • Presenting key points in a one-page document
  • Formatting long reports with covers and contents
  • Giving letters and resumes a consistent appearance
nexu-io/open-design103.6KUpdated Oct 23, 2026

fal-image-edit

FreeSummaryAI rating 70

Edit images with AI models hosted on fal.ai. Use the skill to change an image's style, remove its background or unwanted objects, or repaint selected areas through inpainting, which replaces part of an image.

  • Change an image's visual style
  • Remove an image background
  • Remove unwanted objects from an image
nexu-io/open-design103.6KUpdated Oct 23, 2026

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