본문으로 건너뛰기
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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-anything9.2천2026년 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-video4.7천2026년 6월 22일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)