跳到正文
cccskills

OpenDesign

@nexu-io

组织

The open-source stack for your design system.

669 个技能14 个仓库 12.4万

技能(669)

在搜索中筛选

Create a SaaS pricing page with Free, Pro, and Enterprise plans, monthly and annual billing options, a feature comparison table, frequently asked questions, and a bottom call to action. Highlight the middle plan as popular.

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

  • Creating a pricing page with three plans
  • Showing monthly and annual billing options
  • Presenting plan differences in a feature table
nexu-io/html-anything92212026年10月13日 更新

Plan three mobile onboarding screens side by side in iPhone frames: a logo introduction, a screen explaining the app’s value, and a sign-in screen with email, Apple, Google, and a main action button.

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

  • Planning three screens for an app’s first launch
  • Presenting an app’s value with an illustration and one sentence
  • Designing a sign-in screen with several login options
nexu-io/html-anything92212026年10月13日 更新

Create a three-card social media carousel with square layouts and headlines that form one complete sentence. The design combines a consistent color palette, a brand mark, card numbers, and a final prompt encouraging readers to take action.

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

  • Introducing a brand across three cards
  • Splitting one message into a connected sequence
  • Ending a carousel with a call to action
nexu-io/html-anything92212026年10月13日 更新

Turn a song, podcast, or personal introduction into a Spotify-style now-playing card in a single HTML file. Include a CSS cover, progress bar, and playback icons, with layouts for video overlays or personal web pages.

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

  • Creating a now-playing card for a video overlay
  • Presenting a personal introduction as a music card
  • Displaying a song or podcast in a compact web widget
nexu-io/html-anything92212026年10月13日 更新

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-anything92212026年10月13日 更新

Build a single-page landing page for a SaaS product, organizing supplied content into features, steps, pricing, and frequently asked questions. Include action buttons and a customer logo section, with a single-column layout on mobile.

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

  • Creating a landing page for a SaaS product
  • Organizing features, usage steps, and pricing
  • Designing a product page for desktop and mobile
nexu-io/html-anything92212026年10月13日 更新

team-okrs

免费

Create a team OKR tracking page, showing objectives and their measurable results. Arrange three objectives with progress bars, values, owners, and status labels, alongside a quarterly summary that makes progress easy to review.

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

  • Reviewing progress toward quarterly team goals
  • Checking owners and statuses for key results
  • Presenting a quarter's goals and summary together
nexu-io/html-anything92212026年10月13日 更新

Create a clickable product landing page prototype with navigation, feature cards, usage steps, testimonials, and optional pricing. Include responsive layouts, hover effects, scroll animations, and expandable FAQ sections to demonstrate the intended experience.

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

  • Prototyping a product landing page
  • Reviewing navigation and button interactions
  • Checking mobile and desktop layouts
nexu-io/html-anything92212026年10月13日 更新

Create Keynote-style presentation slides with large headings, brief supporting text, and generous spacing. The layout includes keyboard navigation, page indicators, and fade-in transitions, helping you present product information, charts, or key messages one screen at a time.

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

  • Presenting a product with concise slides
  • Highlighting charts or key messages
  • Navigating a presentation with the keyboard
nexu-io/html-anything92212026年10月13日 更新

Create a tall, newspaper-style poster with a large serif headline, two-column text, and six numbered sections. A cream background, highlighted quotations, and publication details give text-heavy announcements the feel of a Sunday newspaper page.

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

  • Designing a newspaper-style announcement poster
  • Presenting a manifesto in six numbered sections
  • Creating a text-led editorial poster
nexu-io/html-anything92212026年10月13日 更新

Build a looping animated hero, the large visual at the top of a page, or a video opening. Combine rotating text, a globe or abstract geometry, a timer, and floating labels with cinematic colors and one neon accent.

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

  • Creating an animated video opening
  • Designing a landing page hero
  • Combining motion elements into a looping visual
nexu-io/html-anything92212026年10月13日 更新

Create a minimal prelaunch page for a new product or early testing program. Centered branding, a clear product headline, an email signup field, three benefits, and a founder note introduce the product and invite registrations.

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

  • Creating a waitlist page before a product launch
  • Inviting participants to an early testing program
  • Presenting three concise product benefits
nexu-io/html-anything92212026年10月13日 更新

Turn supplied text or data into an X-style post card for video overlays or image sharing. Create a single HTML file with profile details, engagement counts, and light or dark styling in landscape or square formats.

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

  • Creating post cards for video overlays
  • Preparing quotes for sharing as images
  • Summarizing data as a short post card
nexu-io/html-anything92212026年10月13日 更新

Create an animated explainer poster with a pixel art mascot, moving Japanese or Chinese text, and a scrolling timeline. The retro layout uses CSS animation loops without JavaScript and can be recorded as video.

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

  • Creating a retro animated explainer
  • Combining pixel art with moving Japanese text
  • Preparing an animated poster for video recording
nexu-io/html-anything92212026年10月13日 更新

Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.

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

  • Exploring a soft visual style for a web prototype
  • Designing rounded cards and nested action buttons
  • Trying a subtle spring effect on hover
nexu-io/html-anything92212026年10月13日 更新

Turn a supplied story, question, or joke into a Reddit-style post card for video overlays or social sharing. The single HTML file includes voting arrows, comment counts, post details, and a choice of light or dark styling.

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

  • Adding a story card over a video
  • Sharing a question as a Reddit-style card
  • Presenting a joke in a social post format
nexu-io/html-anything92212026年10月13日 更新

pm-spec

免费

Organize product requirements into a single-page document covering the problem, success metrics, scope, user scenarios, design notes, rollout plans, and open questions. A status label shows whether the specification is a draft, approved, or shipped.

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

  • Drafting requirements for a new product feature
  • Defining success metrics and scope
  • Documenting user scenarios and design notes
nexu-io/html-anything92212026年10月13日 更新

Build a minimalist, single-page A4 resume for printing or PDF export. Organize experience, projects, education, and skills with an optional two-column layout, prominent contact details, concise achievement bullets, and restrained colors.

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

  • Preparing a single-page A4 resume
  • Separating experience and skills into two columns
  • Formatting a resume for printing or PDF export
nexu-io/html-anything92212026年10月13日 更新

Organize meeting notes into a clear layout with attendees, an agenda checklist, decisions, and next meeting details. An action items table highlights who owns each task, when it is due, and its current status.

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

  • Organizing notes from a team meeting
  • Recording decisions and follow-up tasks from a one-to-one meeting
  • Presenting task owners and deadlines in meeting minutes
nexu-io/html-anything92212026年10月13日 更新

Turn a team's weekly update into six to eight horizontally navigated slides. Use a fixed structure to share shipped work, ongoing progress, blockers, weekly metric comparisons, requests for help, and closing thanks.

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

  • Preparing slides for a weekly team update
  • Sharing blockers and requests for help
  • Reviewing key metrics against the previous week
nexu-io/html-anything92212026年10月13日 更新

Build a single HTML opening screen that reveals supplied text character by character behind a glowing cursor. Colored trails, brief color offsets, and a finishing light sweep create an animated introduction for a video or a prominent opening message.

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

  • Revealing a supplied quote at the start of a video
  • Creating an opening screen with a typing effect
  • Adding source and chapter labels beneath animated text
nexu-io/html-anything92212026年10月13日 更新

Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.

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

  • Create an opening frame for a video
  • Design a landing page hero section
  • Build a poster around a short message
nexu-io/html-anything92212026年10月13日 更新

Create a film-style opening frame or chapter card as a single HTML file. Combine warm light leaks, grain texture, large serif titles, and optional scratches or film perforations for documentaries and personal short films.

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

  • Design an opening frame for a documentary
  • Create a title frame for a personal short film
  • Build chapter cards for a video
nexu-io/html-anything92212026年10月13日 更新

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-anything92212026年10月13日 更新

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