669 skills (repositories by nexu-io) · sorted by popularity
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.
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.
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.
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.
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.
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.
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.
Review accumulated code edits through a patch and a readable file-by-file summary. An interactive choice screen captures acceptance, rejection, or partial approval, records the decision, and rolls back rejected changes within the planned scope.
Run a project's configured build and test commands, including type checks that detect inconsistent data types. Save pass or fail results, failure details, and logs so an automated editing loop can decide whether verification is complete.
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.
Create soft, polished web prototypes with silver or cream backgrounds, nested card borders, rounded surfaces, and carefully specified motion. The skill defines page sections, buttons, navigation, and mobile layouts for a consistent visual style.
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.
Build a single HTML dashboard for comparing metrics across social platforms. Include interactive charts, point details, selected-period comparisons, and light or dark themes, while adapting colors, typography, and components to an existing design guide.
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.
Choose one visual direction before building, using an existing design system, supplied brand references, or the project brief. Record the choice and define the colors, typography, and other visual settings that guide implementation.
Test community plugin imports in OpenDesign from folders, zip archives, GitHub subpaths, or marketplace entries. Produce a compact receipt showing the plugin name, source type, detected files, and user notes for inspection.
Create a reusable snapshot of an existing code repository, covering files, imports, components, and routes. It gives agents a shared reference for migration and editing work without repeatedly scanning the directory tree.
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.
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.
Create a hand-drawn HTML wireframe for exploring screen layouts before detailed design. Graph paper, sticky notes, sketch tabs, and rough chart placeholders present an early concept with annotations for discussion and review.
Build a single-page SaaS product landing page with features, testimonials or logos, optional pricing, and clear action buttons. Follow the colors, fonts, and layout rules in DESIGN.md, and deliver one self-contained HTML file.
Generate a daily digest of Linear issue activity from the past 24 hours, including status changes, assignments, and cycle progress. Orbit runs the skill automatically and presents the briefing in a compact layout modeled on Linear's Inbox.
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.
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.