跳到正文
cccskills

OpenDesign

@nexu-io

组织

The open-source stack for your design system.

669 个技能14 个仓库 12.4万

技能(669)

在搜索中筛选

Turn supplied competitor research into a product strategy report. Compare positioning, features, pricing, and user feedback, then identify opportunities and propose actions for the next 30, 90, and 180 days, while marking missing evidence.

中文简介正在准备中。当前显示英语简介。

  • Comparing competitors to guide product decisions
  • Reviewing pricing and plan differences
  • Turning research notes into a strategy report
nexu-io/html-anything92162026年10月13日 更新

dashboard

免费

Build a single-page layout for an admin or analytics dashboard. It includes fixed navigation, a top bar for search and notifications, three to five key metric cards, one or two charts, and recent activity.

中文简介正在准备中。当前显示英语简介。

  • Creating an admin dashboard layout
  • Arranging three to five key metric cards
  • Combining line, bar, or area charts on one page
nexu-io/html-anything92162026年10月13日 更新

Design a consumer-facing dashboard for dating or community activity. It brings together a live signal ticker, key performance indicators, a 30-day mutual-match bar chart, and match-rate trends in a restrained visual layout.

中文简介正在准备中。当前显示英语简介。

  • Designing a dashboard for a matching service
  • Presenting key community activity indicators
  • Showing mutual matches over the past 30 days
nexu-io/html-anything92162026年10月13日 更新

Create print-friendly slides explaining system architecture or a pipeline, a sequence of processing steps. The layout combines a cream background, blueprint grids, process boxes, rust-red callouts, and dashed feedback loops.

中文简介正在准备中。当前显示英语简介。

  • Explaining a system architecture
  • Presenting the steps in a processing pipeline
  • Showing feedback loops in a workflow
nexu-io/html-anything92162026年10月13日 更新

Build course and workshop slides that keep learning objectives visible on the left. The deck includes concepts with examples, multiple-choice self-check questions, a wrap-up, and a preview of the next module, with warm paper tones and Playfair typography.

中文简介正在准备中。当前显示英语简介。

  • Preparing slides for a course module
  • Structuring workshop teaching materials
  • Keeping learning objectives visible during a lesson
nexu-io/html-anything92162026年10月13日 更新

Build a magazine-style presentation with a paper-and-ink look. Ten reusable layouts cover narratives, data, quotes, and comparisons, while five fixed palettes provide consistent styling in a single HTML file with keyboard navigation.

中文简介正在准备中。当前显示英语简介。

  • Sharing a viewpoint through a magazine-style presentation
  • Highlighting figures and quotes
  • Explaining steps or before-and-after comparisons
nexu-io/html-anything92162026年10月13日 更新

Turn an outline or Markdown document into presentation slides with oversized bold text and solid color backgrounds. Preserve the original wording and order, choose a black, red, or yellow theme, and receive a self-contained HTML file.

中文简介正在准备中。当前显示英语简介。

  • Turn a speech outline into slides without rewriting it
  • Present a manifesto with oversized text and solid colors
  • Create an HTML presentation with a consistent color theme
nexu-io/html-anything92162026年10月13日 更新

Create a horizontally navigated HTML presentation with a magazine and e-paper look. Combine a flowing WebGL cover background, serif headlines, chapter dividers, large numbers, image grids, and quotation pages to present your content.

中文简介正在准备中。当前显示英语简介。

  • Presenting a campaign with a magazine look
  • Highlighting a key number with a short explanation
  • Combining image grids and quotation pages
nexu-io/html-anything92162026年10月13日 更新

Design a ten-page investor pitch deck covering the problem, solution, market, product, business progress, and fundraising request. Use a white background, a blue-to-purple gradient opening, and bar charts with prominent figures to present the business story.

中文简介正在准备中。当前显示英语简介。

  • Planning an investor fundraising presentation
  • Presenting market size and business progress
  • Organizing the business model and fundraising request
nexu-io/html-anything92162026年10月13日 更新

Create presentation slides with scripts for each page and a separate teleprompter window. View current and next slides, script text, and a timer, with keyboard controls for switching among five visual themes.

中文简介正在准备中。当前显示英语简介。

  • Preparing slides with a script for every page
  • Checking upcoming slides while presenting
  • Rehearsing a talk with a script and timer
nexu-io/html-anything92162026年10月13日 更新

Create a 16:9 product launch presentation with a dark cover and bright content slides. Introduce the problem, show the product, present three to six features and pricing tiers, then close with a clear call to action.

中文简介正在准备中。当前显示英语简介。

  • Preparing slides for a new product announcement
  • Explaining the problem behind a product
  • Presenting product features and pricing tiers
nexu-io/html-anything92162026年10月13日 更新

Create portrait carousel posts for Xiaohongshu or Instagram with warm pastel backgrounds and dashed sticker cards. Organize the supplied content into a cover, explanatory pages, and a closing call to action, adjusting the page count to fit.

中文简介正在准备中。当前显示英语简介。

  • Preparing a Xiaohongshu image post
  • Organizing an Instagram carousel
  • Explaining several points across portrait pages
nexu-io/html-anything92162026年10月13日 更新

Design white, magazine-style slides for Xiaohongshu image posts and landscape presentations. Rainbow bars, large gradient headlines, pastel cards, and black emphasis labels provide a consistent visual style for presenting key points and quotations.

中文简介正在准备中。当前显示英语简介。

  • Designing image posts for Xiaohongshu
  • Styling a landscape presentation
  • Organizing key points into pastel cards
nexu-io/html-anything92162026年10月13日 更新

Design a two-page digital guide preview that pairs a cover with a lesson page. Soft beige styling brings together the author, content highlights, a prominent quotation, and step lists for creator-brand promotional materials.

中文简介正在准备中。当前显示英语简介。

  • Designing a preview for a free promotional guide
  • Presenting a lesson as a two-page spread
  • Creating a guide preview for a creator brand
nexu-io/html-anything92162026年10月13日 更新

docs-page

免费

Build a three-column page for API documentation or tutorials, with section navigation, article content, and a table of contents. The layout includes copyable code blocks, highlighted notices, search, version display, and theme switching.

中文简介正在准备中。当前显示英语简介。

  • Creating an API documentation page
  • Laying out a tutorial with code examples
  • Organizing a long technical guide with navigation
nexu-io/html-anything92162026年10月13日 更新

Create a single-file presentation with horizontal page navigation in a Replit Slides style. Choose one of eight themes, keep its colors and fonts consistent, and build a cover, agenda, content pages, and closing around your material.

中文简介正在准备中。当前显示英语简介。

  • Creating a presentation with one consistent visual theme
  • Choosing a Replit Slides style for product materials
  • Adjusting slide count to cover all supplied points
nexu-io/html-anything92162026年10月13日 更新

Create slides for internal engineering talks or conference presentations using a dark color scheme and a monospaced font. Organize the deck around an agenda, code examples, key points, terminal screenshots, and a closing Q&A.

中文简介正在准备中。当前显示英语简介。

  • Prepare slides for an internal engineering talk
  • Structure a conference presentation
  • Combine code examples and terminal demos
nexu-io/html-anything92162026年10月13日 更新

Create terminal-style review slides for command-line tools, AI agents, and developer tools. Present execution traces, code differences, and performance comparisons using dark backgrounds, mint-green text, outlined bar charts, and amber, green, or red tags.

中文简介正在准备中。当前显示英语简介。

  • Create review slides for command-line and developer tools
  • Present AI agent execution traces and code differences
  • Show performance comparisons in a terminal-style deck
nexu-io/html-anything92162026年10月13日 更新

Create slides for safety reviews, risk discussions, incident retrospectives, or security exercises. Warning stripes, three-level cards, status alerts, policy code blocks, checklists, and stacked bar charts provide a visual structure for the presentation.

中文简介正在准备中。当前显示英语简介。

  • Preparing an incident retrospective presentation
  • Presenting risks in three levels
  • Sharing findings from simulated security attacks
nexu-io/html-anything92162026年10月13日 更新

blog-post

免费

Create magazine-style pages for long blog posts, essays, and case studies. The layout combines readable single-column text with a prominent title, captioned figures, highlighted quotations, author details, and related article cards.

中文简介正在准备中。当前显示英语简介。

  • Designing a long-form blog page
  • Presenting an essay with magazine-style typography
  • Laying out a case study with figures and quotations
nexu-io/html-anything92162026年10月13日 更新

Create a macOS-style notification banner from an announcement or message, complete with an app icon, title, and body text. The single-file HTML design supports frosted-glass styling, light or dark appearances, and placement over video.

中文简介正在准备中。当前显示英语简介。

  • Creating a notification overlay for a video corner
  • Designing a product announcement banner
  • Presenting an announcement as a notification-style social image
nexu-io/html-anything92162026年10月13日 更新

Build a browser-based slide deck for product plans, analysis, or methods using a sixteen-column grid and one accent color. Twenty-two fixed layouts cover timelines, comparisons, diagrams, and charts based on supplied data.

中文简介正在准备中。当前显示英语简介。

  • Presenting a product roadmap with timelines
  • Explaining KPIs and rankings with proportional charts
  • Showing before-and-after comparisons
nexu-io/html-anything92162026年10月13日 更新

Create developer tutorial slides with a GitHub-style dark background, purple and blue lighting effects, and three-color gradient headings. Coordinate code colors, centered layouts, and highlighted blocks within a 16:9 presentation.

中文简介正在准备中。当前显示英语简介。

  • Preparing slides for a developer tutorial
  • Creating dark slides with code examples
  • Highlighting key points in technical explanations
nexu-io/html-anything92162026年10月13日 更新

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

中文简介正在准备中。当前显示英语简介。

  • Creating a video intro with a short message
  • Designing a landing page's main visual
  • Making a poster with a flowing background
nexu-io/html-video47402026年6月22日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)