Skip to content
cccskills

Design skills

UI/UX, logos, slides, and image generation (7.3K skills)

Filter by price or sort order

Create a social media dashboard prototype for creators, with platform switching, follower and engagement metrics, a growth chart, and a weekly top-post preview. A side panel provides space for trending topics and popular comments.

  • Prototyping a creator's social media dashboard
  • Planning a view of follower growth and engagement
  • Arranging popular posts, topics, and comments together
nexu-io/html-anything9.2KUpdated Oct 13, 2026

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.2KUpdated Oct 13, 2026

digital-eguide

FreeSummary

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.2KUpdated Oct 13, 2026

deck-pitch

FreeSummary

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.2KUpdated Oct 13, 2026

deck-xhs-pastel

FreeSummary

Build a 16:9 slide deck for lifestyle, personal growth, or emotion-focused content. Cream backgrounds, soft glowing shapes, pastel cards, italic Playfair headings and numbers, and an SVG donut chart define the presentation’s visual style.

  • Creating slides about daily life and lifestyle
  • Presenting personal growth reflections
  • Organizing emotion-focused content into pastel slides
nexu-io/html-anything9.2KUpdated Oct 13, 2026

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.2KUpdated Oct 13, 2026

blog-post

FreeSummary

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.2KUpdated Oct 13, 2026

deck-simple

FreeSummary

Create a simple HTML slide deck for pitches, overviews, or study materials. Each page pairs one main point with an image or chart, with horizontal navigation, keyboard controls, and a progress bar.

  • Preparing slides for a project pitch
  • Presenting a product or service overview
  • Organizing study notes into slides
nexu-io/html-anything9.2KUpdated Oct 13, 2026

deck-replit

FreeSummary

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.2KUpdated Oct 13, 2026

Turn supplied data into a newspaper-style chart with a takeaway headline, annotations, and source notes. Create line, bar, or range-band charts, which show an interval around a central line, with staggered animation in a single HTML file.

  • Create a chart segment for a video
  • Prepare a data chart card for Twitter
  • Visualize CSV or JSON data with a takeaway headline
nexu-io/html-anything9.2KUpdated Oct 13, 2026

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.2KUpdated Oct 13, 2026

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.2KUpdated Oct 13, 2026

Create slides on a fixed 1920×1080 canvas, choosing each layout to suit the content. Consistent typography, one palette, and a single focal point per slide shape the presentation, with keyboard navigation and page numbers included.

  • Building a portfolio presentation
  • Designing a talk with varied slide layouts
  • Preparing slides for an art or design class
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Turn a supplied process or workflow into a whiteboard-style diagram with colored sticky notes and curved arrows. Produce a single HTML file suited to onboarding videos, operational explanations, or system walkthroughs, with optional hover effects and a decorative collaboration cursor.

  • Illustrating a user onboarding process
  • Explaining operational steps with branches and merges
  • Presenting a system structure as a whiteboard diagram
nexu-io/html-anything9.2KUpdated Oct 13, 2026

deck-xhs-white

FreeSummary

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.2KUpdated Oct 13, 2026

info-funnel

FreeSummary

Turn three to six stages of marketing, hiring, or selection data into a vertical funnel infographic. A single HTML file shows counts, stage conversion rates, overall conversion, and a brief explanation of losses.

  • Visualizing the path from visitors to paying customers
  • Showing applicant counts across hiring stages
  • Comparing candidate counts during a selection process
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Create a single-page team dashboard with tabs for members, team details, and activity logs. Combine member roles and status with charts, online presence, contributor summaries, light and dark themes, and a frontend CSV export button.

  • Designing a team member administration screen
  • Presenting role distribution and member activity
  • Adding theme switching and CSV export to a dashboard
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Design a dark slide deck for AI products, knowledge graphs, or developer tool launches. Combine a graph-based cover, glowing blurred shapes, gradient section titles, highlighted code or command-line examples, and frosted-glass-style cards.

  • Prepare slides introducing an AI product
  • Present a knowledge graph project
  • Create a developer tool launch deck
nexu-io/html-anything9.2KUpdated Oct 13, 2026

Turn a concept’s origins into a magazine-style visual story. Six distinct layouts combine diagrams, annotations, and typography to trace a concrete problem through failed attempts and a turning point, revealing the concept’s name at the end.

  • Illustrating how a concept emerged
  • Creating visual learning materials about failed attempts
  • Presenting a concept’s history as a magazine feature
nexu-io/html-anything9.2KUpdated Oct 13, 2026

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.2KUpdated Oct 13, 2026

deck-blueprint

FreeSummary

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.2KUpdated Oct 13, 2026

deck-ljg-present

FreeSummary

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.2KUpdated Oct 13, 2026

dating-web

FreeSummary

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.2KUpdated Oct 13, 2026

deck-dir-key-nav

FreeSummary

Create a minimal presentation built around large headlines, solid backgrounds, and arrow-prefixed lists. The template adapts the page count to the content and includes keyboard navigation hints and page numbers.

  • Presenting an idea with few visuals
  • Building a talk around bold headlines
  • Organizing key points into arrow-prefixed lists
nexu-io/html-anything9.2KUpdated Oct 13, 2026