Loading...
Loading...
Found 106 Skills
Add visual animations (cursor, typing, click effects) to AgentPulse-enabled React apps. Use when: showing users what AI is doing, adding visual feedback for agent actions, configuring element targeting for animations.
Creates frosted glass UI elements with blur, transparency, and subtle borders. Use when building overlays, floating controls, tooltips, or any element that should appear elevated with a translucent background.
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
Scans the current project's frontend files, finds the components most out of alignment with .marrow.md, and fixes them automatically — without the user specifying a target. The zero-argument soul alignment sweep. Use this skill when the user wants to broadly align the project to the design soul, fix whatever is most off without specifying a file, or run a soul sweep across multiple components at once. Triggers on: /marrow-magic, or prompts like "fix everything to match marrow", "align my whole project", "soul sweep", "fix the worst violations", "everything feels off", "clean up all components to match the design". Requires .marrow.md to exist. If not found, instructs user to run /marrow first.
Implement Syncfusion React Sankey Chart to visualize energy flows, process dependencies, and hierarchical relationships between nodes. Use this skill when creating Sankey diagrams, flow visualizations, or node-link networks. Covers installation, nodes and links configuration, labeling, legends, tooltips, events, appearance customization, RTL support, accessibility, and export features.
Implements the Syncfusion React Bullet Chart component for KPI and performance indicator visualization. Use this when users need feature measure displays, comparative measures, target comparisons, or metric visualizations. Covers data binding, value bars, target bars, ranges, titles, tooltips, data labels, axis customization, orientation, and accessibility.
Create new GPUI components. Use when building components, writing UI elements, or creating new component implementations.
Register 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.
Kitchen Sink design system workflow for any frontend stack — Next.js, Hugo, Astro, SvelteKit, Nuxt, or plain HTML. Use when asked for a Kitchen Sink page, Design System, UI Audit, Style Guide, or Component Inventory, or when a project needs a component inventory plus component creation and a sink page implementation.
Use umb-input-manifest to pick registered extensions in Umbraco backoffice
Overview and selection guide for Nexus Elements skills and prerequisites. Use when someone asks how to set up Nexus Elements, configure the registry, or choose which element (fast bridge, transfer, deposit, swaps, unified balance, view history, provider, common) to install.
Build stunning glassmorphism dark-mode interfaces with Next.js and Tailwind CSS v4. Use when creating any frontend UI, component, page, or application. Specializes in glass-like translucent surfaces, luminous color palettes on dark backgrounds, fluid animations with Framer Motion, and premium visual polish. Always generates dark-mode-first, glassmorphic, production-grade code with exceptional aesthetic quality.