All authors
Claude Skills by nexu-io
github.com/nexu-io592 skills43 installs1,903 views
- Frame Data Chart NytUse this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).Votes: 0GitHub stars: 98,936
- Frame Data RollupUse this plugin when the user wants a "Data Rollup Frame" HyperFrames motion video — A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.Votes: 0GitHub stars: 98,936
- Frame Decision TreeUse this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with branching pathsVotes: 0GitHub stars: 98,936
- Frame Electric StudioUse this plugin when the user wants a "Electric Studio Frame" HyperFrames motion video — Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.Votes: 0GitHub stars: 98,936
- Frame Glitch TitleUse this plugin when the user wants a "Glitch Title Frame" HyperFrames motion video — Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.Votes: 0GitHub stars: 98,936
- Frame Kinetic TypeUse this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promoVotes: 0GitHub stars: 98,936
- Frame Light Leak CinemaUse this plugin when the user wants a "Light-Leak Cinematic Frame" HyperFrames motion video — Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.Votes: 0GitHub stars: 98,936
- Frame Liquid Bg HeroUse this plugin when the user wants a "Liquid Background Hero" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.Votes: 0GitHub stars: 98,936
- Frame Logo OutroUse this plugin when the user wants a "Logo Outro Frame" HyperFrames motion video — Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.Votes: 0GitHub stars: 98,936
- Frame Nyt GraphUse this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial styleVotes: 0GitHub stars: 98,936
- Frame Pentagram StatUse this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.Votes: 0GitHub stars: 98,936
- Frame Play ModeUse this plugin when the user wants a "Play Mode" HyperFrames motion video — Playful elastic animationsVotes: 0GitHub stars: 98,936
- Frame Product Promo 30sUse this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders.Votes: 0GitHub stars: 98,936
- Frame Product PromoUse this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase with SVG assetsVotes: 0GitHub stars: 98,936
- Frame Swiss GridUse this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layoutVotes: 0GitHub stars: 98,936
- Frame Takram OrganicUse this plugin when the user wants a "Takram Organic Frame" HyperFrames motion video — Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.Votes: 0GitHub stars: 98,936
- Frame VignelliUse this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accentsVotes: 0GitHub stars: 98,936
- Frame Warm GrainUse this plugin when the user wants a "Warm Grain" HyperFrames motion video — Cream aesthetic with grain textureVotes: 0GitHub stars: 98,936
- Vfx Text CursorUse this plugin when the user wants a "VFX Text Cursor" HyperFrames motion video — Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.Votes: 0GitHub stars: 98,936
- Agent Skill Principal Ui Ux Architect Motion Choreographer Awwwards Tier Mqu4mbbjTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.Votes: 0GitHub stars: 98,936
- Atelier Zero Image Generation Prompt Pack MrrxpegwThis pack is consumed by the `open-design-landing` skill. Every page-level image is rendered with `gpt-image-fal` (preferred) or `gpt-image-azure`. The pack has three layers: 1. **Style anchor** — the long block that tells the model what universe we are in. Always prepend to every prompt. 2. **Variable slots** — the per-render content (subject, motifs, accent, page type). 3. **Per-slot variants** — explicit composition templates for hero, about, capabilities, method tiles, lab cards, work car...Votes: 0GitHub stars: 98,936
- Clone Audit Mrlv3nl4Audit cloned or reimplemented websites for fidelity gaps, tracking scripts, source-brand and language residue, placeholders, and risky external dependencies. Use before handoff or deployment, or when asked to review a website clone for cleanup and readiness.Votes: 0GitHub stars: 98,936
- Deep Think Maximum Cognitive Effort Protocol Mq8kvw92Use this plugin when the user wants a maximum-effort reasoning workflow for a complex, high-stakes, or ambiguous task.Votes: 0GitHub stars: 98,936
- Design System Source Context Mr0bb87zThis file is generated during setup and should be treated as source evidence for the design-system project. Use it before writing or revising DESIGN.md, previews, tokens, UI kit examples, or assets.Votes: 0GitHub stars: 98,936
- ReferencesUse this Claude / Anthropic style design system for warm, restrained, editorial AI workbench interfaces.Votes: 0GitHub stars: 98,936
- G2 Design System Ui Kit Mqgbmh2wUse this skill when generating OpenDesign artifacts that should follow the HiCatcat G2 AR glasses HUD design system. This plugin packages a browser-reviewable UI kit, local token CSS, and modular React role components.Votes: 0GitHub stars: 98,936
- ReferencesUse this skill when generating OpenDesign artifacts that should follow the HiCatcat G2 AR glasses HUD design system.Votes: 0GitHub stars: 98,936
- HallmarkAnti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.Votes: 0GitHub stars: 98,936
- Humanize PptA presentation system for agent-made PPTs — born for the talk, not just the template. It turns raw material into an AST (audience-state-transfer) outline with per-page visual-enhancement decisions (image / SVG diagram / video), hands a production brief to a downstream renderer (HTML-PPT skills or native PPTX), then runs a capped 3-round presentation checkup (演讲体检) on the rendered deck. It never renders slides itself. Use before generating PPT/HTML slides from raw material, and after rendering...Votes: 0GitHub stars: 98,936
- Import Smoke TestA portable community plugin for validating OpenDesign plugin import flows.Votes: 0GitHub stars: 98,936
- Registry StarterA small community registry starter plugin used to verify OpenDesign marketplace install flows.Votes: 0GitHub stars: 98,936
- Create Hyperframes LaunchUse this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product reveal, or social video made from code.Votes: 0GitHub stars: 98,936
- Create Image CampaignUse this plugin when the user wants image assets, posters, social visuals, ad concepts, or a small campaign image system from a creative brief.Votes: 0GitHub stars: 98,936
- Create Live Artifact OpsCreate a refreshable live operations artifact for customer success, support, or launch review workflows.Votes: 0GitHub stars: 98,936
- Create Prototype DashboardCreate a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.Votes: 0GitHub stars: 98,936
- Create Slides PitchCreate a concise HTML pitch deck for an early-stage product, with a strong narrative arc and finance-ready slide structure.Votes: 0GitHub stars: 98,936
- Create Video StoryboardUse this plugin when the user wants a video concept, storyboard, shot list, prompt pack, or render-ready motion brief for a product, campaign, or explainer.Votes: 0GitHub stars: 98,936
- Deploy Vercel StaticUse this plugin when the user wants to deploy an accepted static web artifact to Vercel or prepare an equivalent deployment handoff with preview and production URLs.Votes: 0GitHub stars: 98,936
- Export Nextjs HandoffUse this plugin when the user wants an accepted OpenDesign artifact converted into a Next.js App Router handoff with clean components, styles, assets, and implementation notes.Votes: 0GitHub stars: 98,936
- Extend Plugin AuthorUse this plugin when the user wants to create, improve, validate, publish, or submit an OpenDesign plugin using the plugin spec, examples, and PR workflow.Votes: 0GitHub stars: 98,936
- Import Screenshot To PrototypeUse this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable OpenDesign prototype with sensible components, layout, and responsive behavior.Votes: 0GitHub stars: 98,936
- Refine Critique LoopUse this plugin when the user has an existing OpenDesign artifact and wants targeted critique, patching, brand tightening, responsive fixes, or quality improvement without starting over.Votes: 0GitHub stars: 98,936
- Share Github PrUse this plugin when the user wants to package an accepted plugin or artifact as a GitHub pull request for OpenDesign or another target repository.Votes: 0GitHub stars: 98,936
- 8 Bit Orbit Video TemplateHyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.Votes: 0GitHub stars: 98,936
- Ad CreativeGenerate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.Votes: 0GitHub stars: 98,936
- After Hours Editorial TemplateLuxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.Votes: 0GitHub stars: 98,936
- Agent BrowserBrowser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.Votes: 0GitHub stars: 98,936
- Ai Music AlbumFull-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.Votes: 0GitHub stars: 98,936
- Algorithmic ArtCreate generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.Votes: 0GitHub stars: 98,936
- Apple HigApple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.Votes: 0GitHub stars: 98,936