example-svelte
Patterns for using Helios with Svelte. Use when building compositions in a Svelte environment, utilizing Svelte stores for reactive frame updates.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,258 results
example-tailwind-animation
Learn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.
example-threejs
Patterns for using Helios with Three.js and React Three Fiber. Use when creating 3D animations or integrating WebGL scenes.
example-vanilla
Patterns for using Helios with Vanilla JavaScript/TypeScript. Use when building compositions without a framework, or for simple DOM/Canvas manipulations.
example-vue
Patterns for using Helios with Vue. Use when building compositions in a Vue environment.
helios-player
Player API for embedding Helios compositions in web pages. Use when you need to display a composition with playback controls, enable client-side exporting, or…
web-css-animations
Use this skill for Browser CSS transitions, keyframes, scroll-driven animations, registered properties, discrete transitions, reduced motion, and…
expo-tailwind-setup-v55
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
apply-yliu-frontend-practices
Apply Yliu's client-side frontend engineering practices when writing, refactoring, or reviewing React or Vue code. Use for browser API modules, Axios wrappers,…
arcan-glass
BroomVA trademark web styling system — Arcan Glass design language for Next.js + Tailwind v4 + shadcn/ui projects. Use when creating or styling BroomVA web…
next-forge
Expert assistance for next-forge — a production-grade Turborepo template for Next.js SaaS apps. Triggers on questions about next-forge installation, setup,…
yy-frontend-style-bem-optimizer
Front-end BEM naming convention converter and CSS style optimizer. Synchronously convert the class/className attributes in HTML/JSX/TSX/Vue/Svelte/Astro code and the corresponding CSS/Sass/Less/Stylus selectors to the BEM naming format, arrange CSS properties in the csscomb zen preset order, and convert flat...
react
React 19 development practices. Select the API for that version according to the project's React minor (prefer 19.0 / 19.1 / 19.2). Use when editing .jsx / .tsx, React components, Hooks, or working with react / react-dom.
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
citycraft
Create a bold, visually striking landing page — unconventional layouts, GSAP scroll animations, SVG elements, clip-path dividers, real depth and layering. Use…
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
corporate-website-dev
Targeting company/product official website and brand site projects launched from scratch, covering requirements clarification, information architecture, UI direction, the Vite+Bootstrap tech stack, and delivery. Use only when the user needs 0→1 construction of a brand-new official website and expects structured research, design, and implementation guidance.
ego-cli
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…
frontend
MUST USE for frontend/web UI/UX/visual work: building, styling, redesigning pages/components, React setup, performance audits, visual QA, taste, and polish.…
frontend-design-skill
Create production-grade frontend interfaces following the Dynamous brand system. Use when building web components, pages, or applications for Dynamous.…
cometchat-angular-components
Component catalog for the CometChat Angular UI Kit v4 — HTML selector names, Angular Input bindings, Output events, slot templates, request builders, style…
cometchat-angular-features
Feature catalog for Angular — calls (separate SDK), extensions (polls / stickers / translation / link preview / collaborative doc / whiteboard), AI features…
cometchat-angular-patterns
Angular-specific integration patterns for CometChat UI Kit v4 — lazy loading, route guards, Angular Router integration, APP_INITIALIZER setup, standalone vs…
cometchat-angular-placement
Where to put chat in an Angular app — Route-based, Sidebar, Modal/Dialog, Tab-based, and Embedded placements. Maps each to CometChat component composition with…