Skip to content
cccskills

OpenDesign

@nexu-io

Organization

The open-source stack for your design system.

669 skills14 repositories 123.6K

Skills (669)

Refine in search

Create a vertical reading recap using annual reading statistics, book notes, interests, and a reader profile. This HyperFrames template combines warm paper textures and page-turning motion in an HTML composition intended for MP4 video.

  • Turning annual reading statistics into a vertical video
  • Recapping book notes and recurring interests
  • Sharing a book club's year in reading
nexu-io/open-design103.5KUpdated Oct 23, 2026

github-dashboard

FreeSummaryAI rating 90

Build an HTML dashboard for a public GitHub repository, showing stars, forks, contributors, issues, pull requests, and recent activity. Choose a standalone page or source files that support updates and record where the data came from.

  • Review a repository's activity in one dashboard
  • Prepare an open-source project health report
  • Check leading contributors and recent issues or pull requests
nexu-io/open-design103.5KUpdated Oct 23, 2026

youtube-clipper

FreeSummaryAI rating 70

Create and edit clips from YouTube videos through an automated workflow. Retrieve the source video, cut highlights, add captions, and export the result for tasks such as preparing individual clips or a highlight reel.

  • Cutting highlights from YouTube videos
  • Creating clips with captions
  • Preparing a highlight reel
nexu-io/open-design103.5KUpdated Oct 23, 2026

dcf-valuation

FreeSummaryAI rating 100

Estimate a public company's intrinsic value per share using discounted cash flow, a method that values future cash in today's terms. Produce a Markdown report documenting financial inputs, assumptions, five-year forecasts, and sensitivity to valuation assumptions.

  • Estimate a public company's fair value per share
  • Compare the current share price with estimated value
  • Check how valuation changes under different assumptions
nexu-io/open-design103.5KUpdated Oct 23, 2026

dating-web

FreeSummaryAI rating 90

Create a single-screen desktop dashboard for dating, matchmaking, or community products. It combines key metrics, a community ticker, match charts, and sidebar navigation in one HTML document, using editorial typography, generous spacing, and a restrained accent color.

  • Prototyping a dating service dashboard
  • Designing a community activity overview
  • Displaying mutual matches and match-rate trends
nexu-io/open-design103.5KUpdated Oct 23, 2026

video-hyperframes

FreeSummaryAI rating 90

Turn written content and data into a sequence of animated frames for Hyperframes or Remotion. The output includes autoplay, manual navigation, a progress bar, and timing metadata for later video rendering.

  • Turn a short script into animated frames
  • Present data one scene at a time
  • Prepare frame metadata for Remotion rendering
nexu-io/open-design103.5KUpdated Oct 23, 2026

html-ppt-knowledge-arch-blueprint

FreeSummaryAI rating 100

Turn an incident review into an HTML presentation covering the root cause, fix, and follow-up actions. Use a dedicated template with speaker notes to help engineering, reliability teams, and leadership discuss next steps.

  • Presenting an incident review
  • Explaining a bug's root cause and fix
  • Discussing systemic follow-up actions
nexu-io/open-design103.5KUpdated Oct 23, 2026

critique

FreeSummaryAI rating 100

Review HTML pages, presentations, or prototypes across five design dimensions. Receive evidence-backed scores, a radar chart, and practical lists of what to keep, fix, or improve quickly, all packaged in a single self-contained HTML report.

  • Reviewing a landing page before delivery
  • Checking the readability and navigation of an HTML presentation
  • Comparing two versions of a design
nexu-io/open-design103.5KUpdated Oct 23, 2026

web-design-guidelines

FreeSummaryAI rating 100

Review web interface code against Vercel's Web Interface Guidelines, covering layout, typography, color, motion, and accessibility. Receive concise findings with file names and line numbers, using a bundled guideline snapshot for a consistent review baseline.

  • Reviewing product interface code
  • Checking accessibility against interface guidelines
  • Checking layout, typography, color, and motion
nexu-io/open-design103.5KUpdated Oct 23, 2026

html-ppt-zhangzara-biennale-yellow

FreeSummaryAI rating 100

Creates HTML presentation slides for contemporary art exhibitions and biennales, using yellow, warm paper tones, and indigo typography. Organizes the curatorial theme, exhibition rooms, artworks, and visitor journey for museum boards and curators.

  • Presenting a biennale proposal to a museum board
  • Explaining exhibition rooms and visitor routes
  • Preparing an arts institution's programme announcement
nexu-io/open-design103.5KUpdated Oct 23, 2026

blog-post

FreeSummaryAI rating 100

Write and lay out a long article as a single HTML page. Combine clear headings, image placeholders, highlighted quotations, author information, and related posts, using the active design system to create a magazine-style reading experience.

  • Prototyping a long-form blog article page
  • Presenting a case study with figures and quotations
  • Designing an article page around an existing design system
nexu-io/open-design103.5KUpdated Oct 23, 2026

writing-guidelines

FreeSummaryAI rating 100

Review documentation and prose against the Vercel Writing Guidelines, checking voice, tone, formatting, and structure. Findings identify files and line numbers, using a bundled guideline snapshot as the default reference for repeatable reviews.

  • Reviewing documentation before publication
  • Checking voice and tone across several files
  • Finding formatting and structural issues
nexu-io/open-design103.5KUpdated Oct 23, 2026

eng-runbook

FreeSummaryAI rating 90

Create a one-page service operations guide in HTML. It organizes service details, alerts and first responses, dashboard links, procedures with copyable commands, an on-call schedule, and an incident checklist so teams can find operational instructions together.

  • Creating an operations guide for a service
  • Documenting first responses to alerts
  • Organizing deployment and rollback procedures
nexu-io/open-design103.5KUpdated Oct 23, 2026

email-marketing

FreeSummaryAI rating 100

Create a product launch email in HTML with a brand wordmark, product visual, headline, specifications, and one main call-to-action button. The centered, single-column layout brings the product message together in a complete email design.

  • Designing a product launch email
  • Creating a branded newsletter template
  • Presenting product specifications in an email
nexu-io/open-design103.5KUpdated Oct 23, 2026

vfx-text-cursor

FreeSummaryAI rating 100

Turn a supplied quote into an animated video-intro scene in a single HTML file. Text appears character by character with a glowing cursor, colored trails, and light flares, with space for a source or chapter label.

  • Introducing a video with an animated quote
  • Creating a glowing title scene for a chapter
  • Adding a source label beneath an opening quote
nexu-io/open-design103.5KUpdated Oct 23, 2026

html-ppt-hermes-cyber-terminal

FreeSummaryAI rating 100

Create HTML slides about choosing and connecting AI models in OpenDesign using your own API key. Use a terminal-style template to explain costs, quality, and model routing decisions, with speaker notes and presentation controls.

  • Explaining model choices to engineers and IT teams
  • Comparing model costs, quality, and routing decisions in slides
  • Preparing a terminal-style presentation with speaker notes
nexu-io/open-design103.5KUpdated Oct 23, 2026

flowai-live-dashboard-template

FreeSummaryAI rating 100

Build a FlowAI-style team management dashboard with member tables, activity history, summary metrics, and charts. The result is a self-contained HTML prototype with working tabs, light and dark themes, panel zoom, chart tooltips, and CSV export.

  • Prototyping a team management dashboard
  • Presenting role distribution and online presence
  • Reviewing member details and activity across tabs
nexu-io/open-design103.5KUpdated Oct 23, 2026

venice-video

FreeSummaryAI rating 60

Use the Venice.ai API for video generation and transcription workflows. This catalogue entry helps agents discover the skill; running the complete workflow requires installing the upstream bundle with its scripts, assets, and references.

  • Generating videos through the Venice.ai API
  • Requesting transcription through Venice.ai
  • Adding video workflows to an agent's planning
nexu-io/open-design103.5KUpdated Oct 23, 2026

venice-image-edit

FreeSummaryAI rating 70

Edit existing images, enlarge them, or remove their backgrounds through the Venice.ai API. This skill connects agent requests with these image processing tasks, helping prepare and adjust image assets for different uses.

  • Editing an existing image
  • Enlarging an image
  • Removing an image background
nexu-io/open-design103.5KUpdated Oct 23, 2026

html-ppt-pitch-deck

FreeSummaryAI rating 100

Build an HTML fundraising presentation for accelerator partners and angel investors. Organize the opening hook, traction, competitive advantage, and funding request into slides using a dedicated template, with speaker notes and presentation controls.

  • Prepare a Demo Day fundraising presentation
  • Explain traction and competitive advantage to investors
  • Build an HTML deck with speaker notes
nexu-io/open-design103.5KUpdated Oct 23, 2026

hr-onboarding

FreeSummaryAI rating 90

Create a one-page HTML onboarding plan for a new employee. Bring together first-day and first-week schedules, manager and buddy details, 30/60/90-day milestones, useful resources, and a checklist of outcomes that show readiness.

  • Preparing a new employee's first week
  • Defining 30/60/90-day onboarding goals
  • Sharing manager, buddy, and resource information
nexu-io/open-design103.5KUpdated Oct 23, 2026

clinical-case-report

FreeSummaryAI rating 90

Turn patient information into a structured HTML case report for rounds, conferences, or documentation. Choose a full presentation or brief update, with organized findings, diagnostic reasoning, and educational management plans in a printable layout.

  • Preparing a case presentation for a clinical conference
  • Summarizing daily changes for rounds or handover
  • Organizing findings into a SOAP-format report
nexu-io/open-design103.5KUpdated Oct 23, 2026

od-contribute

FreeSummaryAI rating 90

Contribute to OpenDesign by submitting a Skill or Design System, translating or improving documentation, or reporting a bug. The agent checks submissions and prepares a pull request, a proposed change, or an issue for review.

  • Submitting a Skill or Design System made with OpenDesign
  • Adding or updating documentation translations
  • Fixing typos and links or writing a case study
nexu-io/open-design103.5KUpdated Oct 23, 2026

web-artifacts-builder

FreeSummaryAI rating 80

Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.

  • Creating complex HTML artifacts for claude.ai
  • Building web artifacts with React and Tailwind
  • Preparing rich web content for embedding
nexu-io/open-design103.5KUpdated Oct 23, 2026

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