pick-ui-library
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-21 00:11
Frontend & websites
10,942 results
vue-creater
Suite of tools for scaffolding high-fidelity Vue 3 applications using Vite 8 and Tailwind 4. Supports design-driven workflows via DSL and Tokens. Ideal for…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
iblai-invite
Add user invitation dialogs to your Next.js app
rn-skia
React Native Skia (@shopify/react-native-skia) complete best practices, GPU-accelerated 2D graphics, 60fps/120fps animation patterns, custom shaders, and…
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
moli-webfetch
Fetch, inspect, crawl, and capture live, JavaScript-rendered websites with Moli. Use when Codex needs current web content, web research, fact lookup, link…
light-frontend-design
Light on-demand engineering skill · frontend design: turn the vague "make a good-looking interface" into **runnable React/Tailwind/shadcn code + design decision rationale** — with a **visual memory point** (signature element), **self-consistent style** (design tokens…
multi-chart-draw
A drawing tool supporting multiple chart types, including mind maps, flowcharts, data visualization charts, mathematical function graphs, etc.; it can generate charts in formats such as Mermaid, ECharts, Mindmap, DrawIO, GeoGebra, etc. according to user needs, and export them as PNG, SVG, HTML, and other formats
htmx-expert
This skill should be used when users need help with htmx development, including implementing AJAX interactions, understanding htmx attributes (hx-get, hx-post,…
tailwind-coder
Use when applying Tailwind CSS styling to Rails views. Uses utility classes, responsive design patterns, and integrates with Rails view helpers.
motion
Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini)…
siteleaf
Siteleaf integration. Manage Sites, Users. Use when the user wants to interact with Siteleaf data.
unity-observer-pattern
Reactive Property system for Unity. Decouples data from UI and logic using observable wrappers and UnityEvents.
html
Publish a single-page HTML document to the public web instantly via ht-ml.app, an agent-first hosting API with no accounts or signup. Use this skill whenever…
hyperframes-to-remotion
Migration workflow from HyperFrames to Remotion: convert HyperFrames HTML compositions to React Remotion code. Use when translating HTML GSAP timelines into…
converting-css-modules-to-tailwind
Migrate CSS Modules (.module.css/.module.scss) to Tailwind utility classes. Handles styles object removal, className interpolation, composition, and global…
flutter-markdown-view-with-material-3
Learn how to customize the Flutter Markdown widget using Material 3 text and color styles for a visually appealing and consistent design.
css-tokens
Provides foundational CSS design tokens (custom properties) for typography, spacing, colors, borders, z-index, and transitions. Use when setting up a base…
stitch-loop
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
syncfusion-aspnetcore-circular-chart-3d
Create interactive 3D Circular Charts with Syncfusion ASP.NET Core. Implement pie/donut series, data labels, legends, tooltips, custom styling, titles, empty…
syncfusion-aspnetcore-datepicker
Complete guide to implementing the Syncfusion DatePicker component in ASP.NET Core applications with Tag Helpers, custom date formats, range validation,…
syncfusion-aspnetcore-multiselect
Complete guide to implementing the Syncfusion MultiSelect component in ASP.NET Core applications with tag helpers, data binding, filtering, templates,…
syncfusion-aspnetcore-sankey
Build interactive Sankey Chart visualizations showing weighted flows and relationships between categories using nodes and links. Use this skill whenever the…