跳到正文
cccskills

查找技能

669 个(nexu-io 的仓库) · 按人气排序

Design, implement, and review interface animation, from button feedback to drag gestures. When measurement tools are available, analyze recordings to reconstruct timing, easing—how speed changes—and spring motion, then produce code and an implementation specification.

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

  • Adding motion to buttons, menus, and dialogs
  • Recreating an interface animation from a recording
  • Investigating sluggish or jerky motion
nexu-io/open-design10.2万2026年10月19日 更新

Find and adapt animations for web pages and components using 160 examples with HTML, CSS, JavaScript, and adjustable parameters. Covers text, interaction, basic, and advanced effects, with guidance on accessibility and fitting code into existing projects.

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

  • Adding a ripple effect to button clicks
  • Giving a heading a typewriter animation
  • Revealing elements as the page scrolls
nexu-io/open-design10.2万2026年10月19日 更新

Plan or improve motion graphics by refining the message, typography, scene transitions, pacing, and timeline. It helps connect movement to meaning while leaving artifact creation and export to the active task's production workflow.

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

  • Planning a short product film
  • Improving animated text readability
  • Connecting scenes through a recurring visual motif
nexu-io/open-design10.2万2026年10月19日 更新

Build interactive web motion from videos or image sequences, controlled by scrolling, pointer movement, dragging, or state changes. It covers media preparation, timeline compilation, playback controllers, delivery format selection, and checks on the target page.

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

  • Linking video playback to page scrolling
  • Switching animated states with drag gestures
  • Preparing existing video or image sequences for the web
nexu-io/open-design10.2万2026年10月19日 更新

Plan artistic animations and explainer scenes using 35 style recipes, nine explanation patterns, storyboards, and reusable Canvas drawing code. Build motion within the host environment’s timeline, using its available tools for assets and export.

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

  • Plan storyboards for an explainer
  • Choose an artistic animation style
  • Build repeatable Canvas motion
nexu-io/open-design10.2万2026年10月19日 更新

animate

免费

Implement purposeful animations for existing interfaces or an agreed UI brief. It selects motion based on purpose and usage frequency, then handles timing, interrupted interactions, exits, and reduced-motion preferences while reusing the project’s tools and design values.

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

  • Adding opening and closing motion to modals or drawers
  • Implementing button and toggle feedback
  • Handling animations interrupted by repeated actions
nexu-io/open-design10.2万2026年10月19日 更新

Build a creative studio website with classical illustrations, cobalt colors, serif headings, and cinematic scrolling. Adapt the supplied HTML template to a brand while retaining chapter navigation, service sections, FAQs, and mobile layouts.

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

  • Create an architecture studio website
  • Build a classical art portfolio
  • Present studio services and FAQs
nexu-io/open-design10.2万2026年10月19日 更新

Turn unresolved requirements into a compact clarification form. Use choices and input fields to collect answers that affect design direction, content structure, or delivery format, so the workflow can proceed.

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

  • Clarifying requirements that block production
  • Confirming an unresolved audience
  • Choosing a delivery format
nexu-io/open-design10.2万2026年10月14日 更新

Use a minimal community plugin example to validate OpenDesign marketplace workflows. It serves as a small test case for registry search, installation, and provenance checks that establish where a plugin comes from.

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

  • Validating plugin search in OpenDesign
  • Checking marketplace installation flows
  • Testing how plugin origins are verified
nexu-io/open-design10.2万2026年10月19日 更新

Prototype a single-page website for SaaS, documentation, or knowledge products. Use warm off-white backgrounds, serif headings, fine dividers, generous spacing, and subtle motion to create a restrained layout with features and a signup or pricing section.

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

  • Prototype a SaaS marketing page
  • Explore a documentation page design
  • Build an introduction page for a knowledge product
nexu-io/open-design10.2万2026年10月19日 更新

Audit a cloned or rebuilt website before handoff or deployment. Check visual differences, tracking scripts, leftover branding, unintended languages, placeholders, and external dependencies, then report evidence, severity, recommended fixes, and deployment readiness.

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

  • Reviewing a website clone before deployment
  • Finding leftover branding and unintended languages
  • Checking tracking scripts and external dependencies
nexu-io/open-design10.2万2026年10月19日 更新

Work through complex or costly decisions with a structured process covering context, research, competing perspectives, planning, execution, and critical review. The workflow adapts its depth to the task and produces recommendations with tradeoffs, risks, and success criteria.

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

  • Comparing system architecture options
  • Planning changes across multiple systems
  • Rechecking assumptions in an ambiguous request
nexu-io/open-design10.2万2026年10月19日 更新

Create three square social media cards with connected headlines, consistent branding, and distinct cinematic colors. The result is a single HTML layout that presents the cards together while keeping each panel readable on its own.

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

  • Designing a three-card Instagram carousel
  • Creating a branded series for LinkedIn
  • Preparing connected cards for an X thread
nexu-io/open-design10.2万2026年10月19日 更新

Create a desktop landing page wireframe, a simple layout made of grey boxes, with numbered markers and a matching specification panel. The result shows page structure alongside short implementation and user experience notes.

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

  • Planning a desktop landing page layout
  • Sharing implementation notes with developers
  • Reviewing navigation, hero, and feature placement
nexu-io/open-design10.2万2026年10月19日 更新

Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.

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

  • Create a website hero animation
  • Build generative art with a headline
  • Prototype a 3D scene or particle field
nexu-io/open-design10.2万2026年10月19日 更新

Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.

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

  • Prototyping a financial analysis terminal
  • Presenting a dashboard with dense market panels
  • Demonstrating chart tooltips and focus views
nexu-io/open-design10.2万2026年10月19日 更新

Map a mobile app journey across three or four phone frames in one HTML board. Simple gray content blocks, dashed arrows, numbered actions, and short annotations show how users move between screens before detailed visual design.

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

  • Mapping onboarding through the home screen
  • Reviewing the path from item details to confirmation
  • Discussing screen transitions before visual design
nexu-io/open-design10.2万2026年10月19日 更新

Summarize the past 24 hours of Notion document edits, comments, mentions, and database row changes in a Notion-style briefing page. It runs through Orbit's daily scheduler using an authenticated Notion connection and a fixed page structure.

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

  • Reviewing the previous day's Notion document edits
  • Checking comments and mentions in a daily briefing
  • Reviewing database row changes together
nexu-io/open-design10.2万2026年10月19日 更新

team-okrs

免费

Build a single-screen HTML prototype for quarterly OKRs, a framework of objectives and measurable key results. Show three objectives with progress bars, owners, status labels, and a sidebar summarizing metrics, notable changes, and blockers.

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

  • Prototype a quarterly team goals dashboard
  • Compare current and target values for key results
  • Display objective owners and progress status together
nexu-io/open-design10.2万2026年10月19日 更新

Create an HTML prototype of a social media analytics dashboard for creators. It uses consistent sample data to show platform metrics, follower growth, a top post, trending topics, and comments, with styling drawn from your design system.

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

  • Prototyping a creator analytics dashboard
  • Designing a screen for metrics across social platforms
  • Displaying follower growth and a top post
nexu-io/open-design10.2万2026年10月19日 更新

Generates short, single-shot videos for product reveals, teasers, and ambient loops. Plans the subject, movement, and lighting, then saves an MP4 in the project folder using the selected model, duration, and aspect ratio.

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

  • Creating a short product reveal video
  • Generating a motion teaser
  • Making an ambient background loop
nexu-io/open-design10.2万2026年10月19日 更新

Creates web prototypes inspired by Swiss industrial print, using newsprint backgrounds, oversized black type, fine grid lines, and red accents. It suits editorial pages, agency portfolios, and manifesto sites with a precise, assertive visual style.

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

  • Prototyping a newspaper-style editorial page
  • Designing an agency portfolio
  • Building a manifesto site
nexu-io/open-design10.2万2026年10月19日 更新

Research recent X/Twitter reactions to markets, companies, products, or communities. Produce a reusable Markdown briefing that groups supportive, critical, and neutral views, with citations, coverage details, and an assessment of overall sentiment.

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

  • Checking reactions to a product on X/Twitter
  • Comparing positive and negative views of a company or stock
  • Reviewing social reactions to a market event
nexu-io/open-design10.2万2026年10月19日 更新

Create an animated HTML scene for history or trivia explainers, combining pixel art, a prominent year, moving text, and a scrolling timeline. CSS loops provide motion, making the scene suitable for screen recording.

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

  • Creating an animated scene for a history explainer
  • Presenting trivia with pixel-art characters
  • Preparing a retro animation for screen recording
nexu-io/open-design10.2万2026年10月19日 更新