设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
research-decision-room
Turn messy user research notes, interviews, support tickets, surveys, and product context into an evidence-backed decision room: a single HTML artifact with an evidence ledger, theme map, confidence heatmap, opportunity matrix, decision memo, and experiment queue. Use when teams need to move from qualitative signals to product or design decisions without fabricating certainty.
nexu-ioimpeccable-design-polish
Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.
nexu-ioweread-year-in-review-video-template
WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. Use when users want a 9:16 HTML-to-MP4 reading report with warm paper texture, editorial Chinese typography, book-page metaphors, data highlights, and deterministic motion.
nexu-ioframe-logo-outro
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
nexu-iocard-twitter
Twitter quote or data card designed to pair with a post.
nexu-ioframe-macos-notification
Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.
nexu-iovfx-text-cursor
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
nexu-iosocial-x-post-card
Realistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.
nexu-iosocial-reddit-card
Realistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.
nexu-iosocial-spotify-card
Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.
nexu-iocard-xiaohongshu
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
nexu-ioresume-modern
Modern minimal resume, single A4 page, ready for print or PDF export.
nexu-iomockup-device-3d
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
nexu-ioarticle-magazine
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
nexu-iovideo-hyperframes
Hyperframes / Remotion-compatible continuous frame animation with autoplay support.
nexu-iodeck-swiss-international
16-column grid, one saturated accent, and 22 locked layouts (Klein Blue, Lemon, Mint, Safety Orange).
nexu-iodoc-kami-parchment
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
nexu-ioframe-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
nexu-ioframe-liquid-bg-hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
nexu-ioframe-data-chart-nyt
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
nexu-ioframe-light-leak-cinema
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
nexu-ioframe-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
nexu-iodeck-guizang-editorial
Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).
nexu-ioimagegen
Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.
nexu-io