All authors

Claude Skills by nexu-io
github.com/nexu-io592 skills43 installs1,903 views
- Replit DeckFor product and technical management work: turn PRDs, roadmaps, RFCs, architecture reviews, and retros into decision documents. Built around the core query "pm-feature-business-case-deck", with product strategy lead judgment, buyer-ready proof, and this outcome: approve the feature, architecture, roadmap, or incident follow-up.Votes: 0GitHub stars: 98,936
- Resume ModernModern minimal resume, single A4 page, ready for print or PDF export.Votes: 0GitHub stars: 98,936
- Simple DeckOpenDesign's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos. Built as a decision-grade corporate strategy deck for leadership team.Votes: 0GitHub stars: 98,936
- Social CarouselA three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwards." → "to the next one." → "looking ahead."). Each card has a brand mark, a number / total, a caption, and a "loop" affordance. Use when the brief asks for a "carousel post", "social carousel", "Instagram carousel", "LinkedIn series", "X thread cards", or "三连发".Votes: 0GitHub stars: 98,936
- Social Media Matrix Tracker Template社媒矩阵数据追踪面板模板(Social Media Matrix Tracker)。 Use when users ask for a cinematic, data-dense social media analytics dashboard with multi-platform metrics, interactive charts, hover insights, range compare, and dark/light theme switching in a single HTML artifact.Votes: 0GitHub stars: 98,936
- Social Reddit CardRealistic Reddit post card with vote rail and comment count, suited to video overlays or story sharing.Votes: 0GitHub stars: 98,936
- Social Spotify CardSpotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.Votes: 0GitHub stars: 98,936
- Social X Post CardRealistic X post card with engagement metrics (likes, reposts, views), suited to video overlays or shareable image cards.Votes: 0GitHub stars: 98,936
- Sprite AnimationA pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready to be screen-recorded into a vertical video. Use when the brief asks for a "sprite animation", "pixel-art video", "8-bit explainer", "history of X explainer", "kinetic typograph...Votes: 0GitHub stars: 98,936
- TweaksWrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to localStorage. Lets the user explore variants of a design without re-prompting the agent. Use when the brief asks for "variants", "side-by-side options", "tweak this", "let me adjust", "live knobs", or "实时调参".Votes: 0GitHub stars: 98,936
- Ve Midnight EditorialOpenDesign's financial review: runway, burn, and the sustainability plan that keeps the project independent. Built as a decision-grade data & finance deck for board, leadership.Votes: 0GitHub stars: 98,936
- Ve Terminal MonoOpenDesign from the CLI: driving the full design workflow with the `od` command — scripted, composable, agent-ready. Built as a decision-grade AI literacy deck for developers, power users.Votes: 0GitHub stars: 98,936
- Velar Luxury Real EstateUse this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a typewriter preloader that lifts away, a scroll-driven house image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section. Invoke for 'luxury real estate landing page', 'architecture brand site', 'scroll-driven hero with ris...Votes: 0GitHub stars: 98,936
- Vfx Text CursorCursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.Votes: 0GitHub stars: 98,936
- Video HyperframesHyperframes / Remotion-compatible continuous frame animation with autoplay support.Votes: 0GitHub stars: 98,936
- Waitlist PageMinimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.Votes: 0GitHub stars: 98,936
- Web Prototype Taste BrutalistSwiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill `brutalist-skill` (Swiss Industrial Print mode).Votes: 0GitHub stars: 98,936
- Web PrototypeGeneral-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.Votes: 0GitHub stars: 98,936
- Webgl Aurora VeilA self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars; move the cursor to sway the veil.Votes: 0GitHub stars: 98,936
- Webgl Caustic PoolA self-contained WebGL2 hero: animated water caustics woven from domain-warped ripples; click the water to drop a ripple. No meshes, no textures.Votes: 0GitHub stars: 98,936
- Webgl Depth GalleryA scroll-reactive 3D image gallery in Three.js: Z-stacked images crossfade over per-image mood backgrounds with velocity breath, a glowing cursor trail and an editorial CMYK/RGB/HEX/PMS color card.Votes: 0GitHub stars: 98,936
- Webgl Distortion GrainA vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.Votes: 0GitHub stars: 98,936
- Webgl Halftone DriftA self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.Votes: 0GitHub stars: 98,936
- Webgl Holographic FoilA self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.Votes: 0GitHub stars: 98,936
- Webgl Horizontal ParallaxA horizontal-scroll WebGL gallery (Three.js): frames glide sideways with lerp smoothing and each image parallaxes its texture (UV shift) by its position in the viewport.Votes: 0GitHub stars: 98,936
- Webgl Liquid IridescenceA self-contained WebGL2 hero: a living oil-on-water field brightened into iridescent caustic filaments; move the cursor to bend the flow.Votes: 0GitHub stars: 98,936
- Webgl Liquid MetalA real-time liquid-metal shader — a domain-warped noise field shaded as molten chrome, with a sweeping specular highlight over an iridescent thin-film (cosine-palette) sheen. No textures. Rendered as a single self-contained `index.html`. Use when the brief asks for "liquid metal", "molten chrome", "iridescent", "holographic", "metallic", "thin-film", or a reflective flowing surface. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.Votes: 0GitHub stars: 98,936
- Webgl Neon GridA real-time synthwave scene — a perspective floor grid scrolling toward a banded retro sun under a neon starfield, all from one fragment shader. No textures. Rendered as a single self-contained `index.html`. Use when the brief asks for "synthwave", "outrun", "retro 80s", "neon grid", "perspective grid", "vaporwave", or a retro-futuristic hero. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.Votes: 0GitHub stars: 98,936
- Webgl Particle GalaxyA real-time particle galaxy — tens of thousands of additive-blended GPU points spiraling around a bright core, their orbits solved entirely in the vertex shader (from gl_VertexID), so the whole cloud draws in one call. Rendered as a single self-contained `index.html`. Use when the brief asks for a "particle field", "particle galaxy", "point cloud", "instanced points", "starfield", "GPU particles", or a swirling generative point system. OpenDesign serves this in powered-preview mode so the GPU...Votes: 0GitHub stars: 98,936
- Webgl Pixel Reveal GalleryA scroll-reactive masonry gallery (Three.js + GSAP) where each image develops from a pixel/grid dissolve on viewport entry, with a split-text heading and click-to-fullscreen Flip.Votes: 0GitHub stars: 98,936
- Webgl Raymarched HeroA real-time raymarched 3D hero — soft-shadowed morphing metaballs with a fresnel rim light, sphere-traced per pixel in a fragment shader with a slow camera orbit. No meshes, no textures. Rendered as a single self-contained `index.html`. Use when the brief asks for a "raymarch", "signed distance field", "SDF", "3D hero", "metaballs", "blobs", or a shader-based 3D scene. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.Votes: 0GitHub stars: 98,936
- Webgl Voronoi CellsA self-contained WebGL2 hero: a living Voronoi network with drifting feature points, palette-keyed cells and glowing boundaries; move the cursor to push the cells.Votes: 0GitHub stars: 98,936
- Od Code MigrationDefault reference pipeline for the code-migration taskKind — code-import → design-extract → token-map → rewrite-plan → patch-edit ↔ build-test devloop → diff-review → handoff.Votes: 0GitHub stars: 98,936
- Od DefaultHidden fallback scenario for free-form Home prompts. Infer the task type and ask only when routing is materially ambiguous.Votes: 0GitHub stars: 98,936
- Od Design RefineUse this plugin when the user wants to improve an existing OpenDesign artifact rather than create a new one.Votes: 0GitHub stars: 98,936
- Od Figma MigrationDefault reference pipeline for the figma-migration taskKind — figma-extract → token-map → generate → critique.Votes: 0GitHub stars: 98,936
- Od Media GenerationDefault reference pipeline for image, video, and audio projects — routes through media-image / media-video / media-audio atoms based on the project kind, wraps the output in a live artifact, and devloops on critique-theater until the score converges.Votes: 0GitHub stars: 98,936
- Od New GenerationDefault reference pipeline for the new-generation taskKind — discovery → plan → generate → critique with a critique-theater devloop.Votes: 0GitHub stars: 98,936
- Od Next StrategyBundled OD Next V2 strategy entrypoint for route-locked planning and Build execution.Votes: 0GitHub stars: 98,936
- Od Nextjs ExportUse this plugin when the user wants to hand an accepted OpenDesign artifact to a Next.js App Router project.Votes: 0GitHub stars: 98,936
- Od Plugin AuthoringGuided scenario for creating an OpenDesign plugin folder that can be installed into My plugins.Votes: 0GitHub stars: 98,936
- Od React ExportUse this plugin when the user wants to hand an accepted OpenDesign artifact to a React app.Votes: 0GitHub stars: 98,936
- Od Share To CommunityPackage the user's just-finished work as an OpenDesign plugin without asking for fields the project files already answer, then surface the existing Add-to-My-plugins / Open-Design-PR buttons.Votes: 0GitHub stars: 98,936
- Od Tune CollabDefault reference pipeline for the tune-collab taskKind — pick a direction, patch-edit the existing artifact, critique, hand off.Votes: 0GitHub stars: 98,936
- Od Vue ExportUse this plugin when the user wants to hand an accepted OpenDesign artifact to a Vue 3 project.Votes: 0GitHub stars: 98,936
- Od Web Effect ExtractorExtract visual effects, animation systems, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable OpenDesign web artifact.Votes: 0GitHub stars: 98,936
- Frame Bold PosterUse this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.Votes: 0GitHub stars: 98,936
- Frame Bold SignalUse this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.Votes: 0GitHub stars: 98,936
- Frame Build MinimalUse this plugin when the user wants a "Build Minimal Frame" HyperFrames motion video — Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.Votes: 0GitHub stars: 98,936
- Frame Creative VoltageUse this plugin when the user wants a "Creative Voltage Frame" HyperFrames motion video — Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.Votes: 0GitHub stars: 98,936