chat-ui
Chat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,198 results
graphify
any input (code, docs, papers, images) - knowledge graph - clustered communities - HTML + JSON + audit report
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
rn-button-component
Ensures buttons use the unified Button component with proper state management, icon support, and glass effect integration. Apply when creating or modifying…
nextjs-performance
Audit and optimize Next.js application performance when the user asks about Next.js performance, caching, or rendering strategies
el-menu
Menu component for website navigation with horizontal and vertical modes. Invoke when user needs to create navigation menus, sidebars, or dropdown menus.
el-pagination
Pagination component for splitting large datasets into pages. Invoke when user needs to display paginated data, navigate through pages, or control page size…
element-plus-design-overview
Overview of all Element Plus components organized by category. Invoke when user needs a quick reference to all available components or wants to explore the…
element-plus-quickstart
Helps set up and configure Element Plus in Vue 3 projects. Invoke when user needs to install, import, or configure Element Plus in a new or existing project.
element-plus-theming
Helps customize Element Plus themes using SCSS variables or CSS variables. Invoke when user needs to change theme colors, override styles, or create custom…
frontend-design
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when…
vite
Fast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.
qiaomu-word-card
Generate word cards / short-sentence cards / dictionary-style posters with a vintage paper texture. Automatically identify the input type (Chinese words, English words, idioms, bilingual terms, short-sentence quotes), flexibly assemble content blocks, generate HTML and then output a PNG via Playwright screenshot. Suitable for sharing to WeChat, X, and Xiaohongshu. Trigger words: "word card", "vocabulary card", "word card", "vintage word card", "dictionary-style card", "make this word into...
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools…
evoweb-ai
Create a Website Designed to Bring Clients from ChatGPT, Gemini & Modern Search
web-bundling
Bundle web applications into single HTML files for distribution. Use when creating self-contained HTML games, artifacts, or demos that need to be shared as a…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
web-screenshot
Capture screenshots of web pages using shot-scraper (a Playwright-backed CLI). Use this skill whenever the user wants to take a screenshot of a website,…
obsidian-arrow-css
Use when styling Arrow.js components for an Obsidian plugin — deciding between Obsidian's semantic classes, oas-* utility classes, and custom CSS; reading the…
animejs
Build web animations with anime.js v4 — a fast, lightweight JavaScript animation library. Use this skill whenever the user wants to animate DOM elements, CSS…
web-section-recreation-spec
Apply the Web section recreation spec workflow derived from multiple published GoodCase examples. Use when planning, designing, or implementing a website in…
dspy-react
Build tool-using agents with dspy.ReAct - the Reasoning-Action-Observation loop for interleaved thinking and action. Use when the task requires calling…
ai-studio-project-converter
Process specification for converting a React project generated by Google AI Studio into a page component of this project; used when handling Import Map, style migration, dependency installation, environment variables, and acceptance.
lov-oh-my-landingpage
Starting from product and brand facts, independently derive the positioning, narrative, and visuals suited to the current product, and complete the Landing Page implementation, responsiveness, and production read-back; suitable for creating official websites, brand website restructuring, unclear product value, or a mismatch between visuals and product.