Nexu
- 480 skills
- 0 followers
- 4 weeks ago last updated
- ▌ Fx Firework · nexu-io bundleFireworks launch and burst — a festive hero moment. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Decrypted Text · nexu-io bundleScrambled characters resolve into the real text on hover or view — a techy decode for a short label. The resolved text is the real, accessible content; under prefers-reduced-motion it shows instantly.
- ▌ Elastic Slider · nexu-io bundleA slider with a springy fill and knob — playful, tactile input. Use for a single prominent control (volume, brightness). Under prefers-reduced-motion it moves without the spring.
- ▌ Shimmer Button · nexu-io bundleMake one primary CTA feel premium: a soft band of light sweeps across it (slowly at rest, faster on hover). Reserve for the single primary button; keep it subtle. Pure CSS; the sweep stops (solid button) under prefers-reduced-motion. Do not use on secondary/destructive buttons or many at once.
- ▌ Spotlight Card · nexu-io bundleGive feature/pricing cards a premium feel: a soft radial spotlight follows the cursor across the card and lifts its border. Keep the glow subtle and low-contrast. Falls back to a plain static border under prefers-reduced-motion and on touch. Do not use on text-dense reading surfaces.
- ▌ Xyz Fade Up · nexu-io bundleFade Up — a composable AnimXYZ entrance via the xyz="fade up-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Xyz Flip Up · nexu-io bundleFlip Up — a composable AnimXYZ entrance via the xyz="fade flip-up-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Anim Backindown · nexu-io bundleBack In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Backinleft · nexu-io bundleBack In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Bounceinup · nexu-io bundleBounce In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeindown · nexu-io bundleFade In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeinleft · nexu-io bundleFade In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Rubberband · nexu-io bundleRubber Band — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideoutup · nexu-io bundleSlide Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoomindown · nexu-io bundleZoom In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoominleft · nexu-io bundleZoom In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Fx Shockwave · nexu-io bundleAn expanding shockwave ripple — an impactful beat. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Fx Starfield · nexu-io bundleA slow drifting starfield — a calm cosmic backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Attention Pulse · nexu-io bundleA soft expanding ring that draws the eye to ONE element — a primary CTA, an unread badge, a new dot. Honors prefers-reduced-motion. One per screen; never use more than one at once or as pure decoration (attention splits and nothing wins).
- ▌ Card Lift Hover · nexu-io bundleLift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy.
- ▌ Electric Border · nexu-io bundleA jittery electric outline traces a card — an energetic accent for one hero element. One per view. Pure CSS; a static solid outline remains under prefers-reduced-motion.
- ▌ Faulty Terminal · nexu-io bundleA distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
- ▌ Gradient Blinds · nexu-io bundleA distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
- ▌ Loading Shimmer · nexu-io bundleSkeleton placeholders with a soft sweeping shimmer while content loads. Use to fill space for cards/lists/profiles that are still loading and make the wait feel shorter. Honors prefers-reduced-motion (static skeleton). Only show while real content is loading — never as decoration.
- ▌ Magnetic Button · nexu-io bundleMake a primary button feel alive by gently pulling it toward the cursor as it approaches, then springing back. Keep it subtle and reserve it for one or two primary actions. Disabled on touch and under prefers-reduced-motion. Do not use it on dense UIs full of buttons.
- ▌ Prismatic Burst · nexu-io bundleA distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
- ▌ Web Shader Extractor · nexu-ioExtract a real WebGL / WebGPU / Canvas / shader effect from a live webpage (e.g. an animated gradient mesh, fluid/metaball, gaussian-splat scene, image distortion) and port it to a standalone, dependency-light JS project you can run locally or drop into an HTML artifact. Use when the user points at a site's visual effect and wants to reproduce/port/replay it, especially complex GPU effects our vanilla recipes don't cover.
- ▌ Xyz Fade Big · nexu-io bundleFade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Xyz Rise Big · nexu-io bundleRise Big — a composable AnimXYZ entrance via the xyz="fade up-5 big-25%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Anim Backinright · nexu-io bundleBack In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Backoutdown · nexu-io bundleBack Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Backoutleft · nexu-io bundleBack Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Bounceoutup · nexu-io bundleBounce Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeinright · nexu-io bundleFade In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeinupbig · nexu-io bundleFade In Up Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeoutdown · nexu-io bundleFade Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeoutleft · nexu-io bundleFade Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideindown · nexu-io bundleSlide In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideinleft · nexu-io bundleSlide In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoominright · nexu-io bundleZoom In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoomoutdown · nexu-io bundleZoom Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoomoutleft · nexu-io bundleZoom Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Fx Neural Net · nexu-io bundleA pulsing neural network — an AI backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Fx Orbit Ring · nexu-io bundleParticles orbiting rings — an elegant loop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Kinetic Headline · nexu-io bundleStagger a headline's words (or letters) in on load, one after another. Use for a single hero headline or a title card in a launch video. Honors prefers-reduced-motion. One per screen; never use on body copy or must-read content.
- ▌ Pixel Transition · nexu-io bundleA card reveals a second face through a burst of pixel tiles on hover — a retro reveal. A few cards, not a grid. Under prefers-reduced-motion the back face just appears.
- ▌ Xyz Fade Down · nexu-io bundleFade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Xyz Fade Left · nexu-io bundleFade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Xyz Flip Left · nexu-io bundleFlip Left — a composable AnimXYZ entrance via the xyz="fade flip-left-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌ Anim Backoutright · nexu-io bundleBack Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Bounceindown · nexu-io bundleBounce In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Bounceinleft · nexu-io bundleBounce In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeoutright · nexu-io bundleFade Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Fadeoutupbig · nexu-io bundleFade Out Up Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Jackinthebox · nexu-io bundleJack In The Box — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideinright · nexu-io bundleSlide In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideoutdown · nexu-io bundleSlide Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Slideoutleft · nexu-io bundleSlide Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Anim Zoomoutright · nexu-io bundleZoom Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
- ▌ Fx Chain React · nexu-io bundleA chain reaction of bursts ripples across the frame. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Fx Data Stream · nexu-io bundleStreaming data lines — a flowing techy backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Fx Matrix Rain · nexu-io bundleFalling code glyphs — a techy backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
- ▌ Xyz Fade Right · nexu-io bundleFade Right — a composable AnimXYZ entrance via the xyz="fade right-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
- ▌
- ▌ Release Summary · nexu-ioDraft release summaries, changelog summaries, version PR notes, and changeset-friendly package release notes for npm packages or monorepos. Use this whenever the user asks to write a release summary, 发版说明, release notes, changelog entry, version PR summary, package publish notes, or wants the agent to summarize what will be released from git history, diffs, or changesets, especially for ui libraries, design systems, and multi-package workspaces.
- ▌ Abuse Hunter · nexu-io bundleDetect and investigate bulk registration abuse on SaaS platforms. Given access to a user database (or exported CSV/JSON), run a multi-dimensional anomaly analysis — email domain clustering, registration tempo, UA fingerprinting, session structure, usage patterns, and credit consumption — to produce a scored abuse report with actionable recommendations. Use when investigating suspicious sign-up spikes, credit fraud, free-tier abuse, or account farming.
- ▌ Sbti Test · nexu-io bundleSBTI 赛博人格测试 — 互联网最火的人格测试,27 种沙雕人格等你解锁。可以测自己,也可以测你的 AI agent。 **当以下情况时使用此 Skill**: (1) 用户说"做 SBTI 测试"、"SBTI"、"赛博人格测试"、"测人格"、"人格测试" (2) 用户说"给龙虾做测试"、"测一下我的 agent" (3) 用户提到 CTRL、BOSS、SEXY、IMSB、DEAD 等 SBTI 人格代码 (4) 用户说"来个性格测试"、"整点沙雕测试"
- ▌ Static Deploy · nexu-io bundleDeploy static pages to nexu.space. Use when user says deploy, publish, ship, or go live with a static site/page. Uploads files from workspace to <project-slug>.nexu.space via Wrangler + Cloudflare Pages. Supports first deploy and redeploy.
- ▌ AI Music Album · nexu-ioFull-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.
- ▌ Enhance Prompt · nexu-ioImprove prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
- ▌ Fal Image Edit · nexu-ioAI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.
- ▌ Fal Video Edit · nexu-ioEdit existing videos using AI — remix style, upscale, remove background, and add audio via fal.ai's hosted video models.
- ▌ Frontend Skill · nexu-ioCreate visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
- ▌ Image Enhancer · nexu-ioImprove image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.
- ▌ Nanobanana Ppt · nexu-ioAI-powered PPT generation with document analysis and styled images via the NanoBanana stack. Combines image generation with structured deck output.
- ▌ Pixelbin Media · nexu-ioGenerate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.
- ▌ PPTX Generator · nexu-ioCreate and edit PowerPoint presentations from scratch with PptxGenJS — MiniMax's production-tested deck pipeline.
- ▌ Swiftui Design · nexu-ioSwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
- ▌ Canvas Design · nexu-ioCreate beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.
- ▌ Design Review · nexu-ioDesigner Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.
- ▌ Theme Factory · nexu-ioApply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.
- ▌ UI UX Pro Max · nexu-ioCatalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.
- ▌ Sync Specs · nexu-io bundleUse when code changes may have made documentation outdated, when reviewing docs for consistency, or when the user asks to sync or audit documentation.
- ▌ Nano Banana · nexu-io bundleGenerate or edit images via Nano Banana image models. Triggers on "generate image", "image generation", "nano banana", "edit image", "nano banana pro", "nano banana 2"
- ▌ Color Expert · nexu-ioColor science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical color theory.
- ▌ Design Brief · nexu-ioParse a structured design brief written in I-Lang protocol format into a concrete design spec. Eliminates ambiguity from vague requests like "make it professional" by requiring explicit dimensions: palette, typography, layout, mood, density, and constraints. Trigger keywords: "design brief", "create a design brief", "ilang brief", "structured brief".
- ▌ Fal Generate · nexu-ioGenerate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.
- ▌ Fal Kling O3 · nexu-ioGenerate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.
- ▌ Fal Lip Sync · nexu-ioCreate talking head videos and lip sync audio to video via fal.ai. Useful for explainer avatars, multilingual dubbing previews, and social cuts.
- ▌ Fal Realtime · nexu-ioReal-time and streaming AI image generation via fal.ai. Suited for moodboard exploration, draft variations, and rapid creative iteration.
- ▌ Frontend Dev · nexu-ioFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
- ▌ Minimax DOCX · nexu-ioProfessional DOCX document creation and editing using OpenXML SDK. Useful for branded reports, polished proposals, and template-based authoring.
- ▌
- ▌ Fal 3d · nexu-ioGenerate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.
- ▌ Imagen · nexu-ioGenerate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
- ▌ Slides · nexu-ioCreate and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.
- ▌ Speech · nexu-ioGenerate spoken audio from text using OpenAI's API with built-in voices. Useful for narrated explainers, lecture audio, and quick voiceover tracks.
- ▌ Threejs · nexu-ioThree.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.
- ▌ Doc · nexu-ioRead, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.
- ▌ PDF · nexu-ioExtract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.