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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026
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-design☆ 103.6KUpdated Oct 23, 2026