SuperAPI AI DirectoryFind an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
10,916 results
Web design and deployment. Generate beautiful single-page HTML web pages (reports, landing pages, data visualizations, etc.), with one-click deployment to Cloudflare Pages. Uses the Tailwind CSS + Chart.js + Font Awesome tech stack. Use when the user requests making a web page, generating a report page, creating a landing page, data visualization display, or deploying a web page online.
Configure Supabase for Next.js SaaS: Drizzle + pooler, Google-only Auth, RLS, cost optimization. Use when setting up Supabase, connecting Drizzle, SSR auth, or…
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with…
Audit-first redesign of ONE React Native screen (or one flow of 2-3 screens) - extract its current tokens and patterns, produce rated findings, then modernize…
React development patterns. Use when building React components, managing state, creating custom hooks, or optimizing React applications. Covers React 19…
Visual design direction for new or redesigned frontend surfaces: layout, typography, color, motion, and anti-generic aesthetics. Use when designing pages,…
Create single-file HTML slide presentations with vanilla JS/CSS. Themed (terminal.css, catppuccin, nord), keyboard-navigable, with inline SVG diagrams and…
Use this skill when writing Svelte 5 components — using runes ($state, $derived, $effect, $props), handling events, composing with snippets ({@render}), or…
Build UIs using IBM's Carbon Design System. Use when the user requests Carbon-styled interfaces, IBM-style dashboards, enterprise UIs following Carbon…
Provides comprehensive guidance for Rollup bundler including configuration, plugins, code splitting, tree shaking, and library bundling. Use when the user asks…
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Usage specification for the Zerone CLI toolset. Covers four major features: API interface code generation (zerone api), font icon management (zerone font_grabber), frontend project scaffolding (create-zerone), and work log generation (zerone log). Use this skill when the following scenarios are involved: generating API modules, generating interface code, updating interfaces, pnpm…
Generates Angular Material code and guidance for Angular projects using `@angular/material` with the Material 3 (M3) theming system. Covers installation,…
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback,…
Use oil-ppt to create, modify, continue, check, and build 16:9 HTML presentations, and export hybrid editable PPTX as needed. By default, pair with oil-tone to handle audience-facing copy; each page is an independent HTML. Use when the user requests creating a new presentation, refining page by page, batch acceptance, or delivering an offline presentation. Not for scrolling web pages, ordinary articles, or single posters, and do not convert any existing PPTX...
UI component library expert including Chakra, Material UI, and Mantine
Frontend Store dedicated generation skill. Triggered by keywords "create a store", "Store generation", "frontend state management". Backend API-based generation, TDD verification required.
Skill that generates Store-based production UI. Vue 3 + TypeScript + NuxtUI v4. Triggered by keywords "make UI", "generate screen", "CRUD screen", "list screen". A Store must exist, and it generates production code integrated with the real API. Mock data…
Use when building Elementor addons, creating custom widgets, or managing Elementor components. Covers Widget_Base class (get_name, get_title, get_icon,…
Load this skill for any project with interactive UI, such as buttons, links, forms, modals, dropdowns, menus, tabs, sliders, toolbars, carousels, or custom…
Master React Navigation - stacks, tabs, drawers, deep linking, and TypeScript integration
Migrate TailwindCSS to StyleX. Use when converting Tailwind `className` utility strings into `stylex.create` with `stylex.props` or `stylex.attrs`. Use for one…
Frontend development skill for Resume Matcher. Handles Next.js pages, React components, Tailwind CSS with Swiss International Style, API integration, hooks,…
Create and customize barcode, QR code, and Data Matrix components using Syncfusion Vue Barcode Generator. Use this skill when implementing barcode generation,…