Agent skills

Frontend skills

Read straight from the source repositories, not from submitted listings. Every skill shows what it does, what is inside, where it came from — and whether attention around its source is actually growing.

Toolclaude-code 29,140codex 4,755cursor 3,111copilot 976windsurf 55cline 34
CategoryWorkflow & Productivity 4,979AI & Agents 3,037Data & Analytics 2,345Code Review & Quality 1,376Backend & API 1,244Security 1,194Design & Presentation 1,154Documentation 965Content & Marketing 916Testing & QA 777DevOps & Cloud 576Databases 550Frontend 469Business & Finance 328Media & Video 257Other 9,833
1,015 found
9611,008 · page 21 / 22
ui-ux-patterns50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklistvibeevalui-ux-pro-maxUI/UX design intelligence expert for web and mobile applications. Use when designing interfaces, selecting color palettes…shobcoderui-visual-validatorRigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.sickn33uizze-ui-researchUse when building or reviewing web and iOS UI and you need real references from the free UIZZE public catalog, a structured…sickn33UniApp 逗号分隔字符串包含检查在UniApp中编写一个方法,用于判断给定的key是否存在于逗号分隔的字符串keys中,要求方法可带参数。ECNU-ICALKUnity Circular Damage Indicator UI LogicImplements a UI damage indicator that orbits the screen center based on camera direction and rotates to point inward.ECNU-ICALKUnity Directional Damage Indicator ImplementationImplements a camera-relative, circular damage indicator UI for multiplayer games using Mirror networking. The indicator positions…ECNU-ICALKСоздание скрипта интерактивной книги для UnityРазработка C# скрипта для Unity, позволяющего игроку взаимодействовать с объектом книги: открывать её по взгляду и нажатию…ECNU-ICALKUnity Eldritch Sight Camera Save/Load SystemImplement a camera save/load system in Unity for an Eldritch Sight mechanic, featuring 4 slots, double-tap to save, single-tap to…ECNU-ICALKUnity Light Color Lerp and Rotation with Animation CurveCreates a Unity C# script that animates a Light component's color and rotation simultaneously using a coroutine, with speed…ECNU-ICALKUnity Panel Click-Outside Debounce LogicImplements a logic to prevent a UI panel from closing immediately after activation by ignoring the mouse click input for one…ECNU-ICALKUnity UI Panel Click-Outside DebouncingImplements a Unity UI panel manager that closes panels when clicking outside their bounds, specifically preventing the activation…ECNU-ICALKunshipCompare AI agent-made UI variants locally in a real app, then keep one and clean up unused temporary code.sickn33update-component-docsUpdate component documentation when code changesAgnosticUImuapi-url-to-designAnalyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better…SamurAIGPTuse-js-interopAdd, review, or fix JavaScript interop in Blazor components. USE FOR: calling JavaScript from Blazor, calling .NET from…dotnetux-feedbackAdd appropriate user feedback states (loading, success, error, empty) to a component or pagesickn33ux-specGenerates UI/UX specifications with wireframes and design system. Creates UX_SPEC.md and DESIGN_SYSTEM.md from PRD and…rshankraswritesux-writingWrite effective UI copy including microcopy, error messages, empty states, and CTAs.Owl-Listeneruxui-principlesEvaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding…sickn33Validación de formulario en servidor con Spring Boot y ThymeleafImplementar lógica de validación de formularios en el lado del servidor utilizando Spring Boot y Thymeleaf, donde el estado de…ECNU-ICALKvibe-code-cleanupSafe production cleanup and hardening for vibe-coded fullstack apps (Next.js, React, Node.js, etc.). Removes dead imports, unused…sickn33videoUse for video direction, motion and pacing, shot and scene planning, captions, voiceover, trailers, Shorts, and edit critique…ohad6kVue 3 Composition API Bootstrap Modal Backdrop ControlProvides a reusable composable pattern to manually manage Bootstrap modal backdrop visibility in Vue 3 using refs and computed…ECNU-ICALKVue 3 定时刷新响应式数据在 Vue 3 的 <script setup> 语法中,使用 setInterval 定期执行函数并更新 ref 响应式变量,确保数据在模板中自动更新。ECNU-ICALKvue-component-generatorGenerate vue component generator operations. Auto-activating skill for Frontend Development. Triggers on: vue component…jeremylongshorewritesvue-composable-creatorCreate vue composable creator operations. Auto-activating skill for Frontend Development. Triggers on: vue composable creator…jeremylongshorewritesVue.js列表按日期字符串排序用于在Vue.js中根据日期字符串字段(如YYYY-MM-DD格式)对列表数据进行排序,并在v-for中正确渲染。ECNU-ICALKVue.js 树形选择组件开发与递归联动优化开发或优化 Vue.js 树形选择组件,支持多级嵌套数据的递归父子联动(父选全选子,父取消全取消子),并简化复杂的选中逻辑代码。ECNU-ICALKVue与Spring Boot网站架构设计根据用户提供的页面列表和业务需求,生成基于Vue前端和Java Spring Boot后端的网站构成文档及详细实现方案。ECNU-ICALKVue Toggle Menu Component with Persistence and RoutingGenerates a Vue component featuring a two-part toggle menu system. It uses an array of strings for state tracking (no boolean…ECNU-ICALKVue Toggle Menu Component with Router and LocalStorageGenerates a Vue component for a toggleable menu that persists state via localStorage and integrates with Vue Router, adhering to…ECNU-ICALKVue3 Element Plus CustomInputNumber 组件封装基于 Vue 3 组合式 API 和 Element Plus,封装 el-input 组件以实现具备数字限制、精度控制、清除功能及步长调节的 CustomInputNumber 组件。ECNU-ICALKVue3中集成Handsontable并使用@click事件绑定在Vue 3组件中集成Handsontable,确保在mounted生命周期钩子中初始化以避免DOM错误,并将原生addEventListener转换为Vue的@click指令。ECNU-ICALKVue3 定时刷新Token响应式状态实现在Vue 3的`<script setup>`语法中,使用`setInterval`和响应式变量实现定时获取并更新Token,确保Token状态保持最新。ECNU-ICALKWattpad Crossover Reaction Story GeneratorGenerates Wattpad-style fanfiction stories where characters from Freedom Planet and Sonic the Hedgehog react to Dragon Ball…ECNU-ICALKweb-action-groundingGround natural language instructions to web UI actions — element identification, interaction planning, and action execution for…a5c-aiwritesweb-artifacts-builderBuild complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable…nexu-ioweb-project-brainstormingMasterclass framework for brainstorming web development projects and page designs. Outlines structural phases for concept, UX…sickn33web-vitals-monitorMonitor web vitals monitor operations. Auto-activating skill for Frontend Development. Triggers on: web vitals monitor, web…jeremylongshorewritesWebsite Design Prompt and Follow-up GeneratorGenerates website design prompts for specific industries or types, ensuring each prompt is accompanied by exactly 10 relevant…ECNU-ICALKWebSocket Chat with Mixed Media SupportDevelop a real-time chat application using WebSockets (Node.js backend and HTML/JS frontend) that supports text messages, inline…ECNU-ICALKWebSocket聊天应用开发(含文件传输)开发基于Node.js和HTML/JS的WebSocket聊天应用,支持文字、图片和文件收发,显示在线用户,并遵循特定的UI和代码规范。ECNU-ICALKwiki-dedupScan the Obsidian wiki for page-level identity collisions — different pages covering the same concept under different names (e.g.…Ar9avwireframe-specSpecify wireframe layouts with content priority, component placement, and annotation.Owl-Listenerwiring-external-webhooksConnects an external service's webhook (Bitbucket / Jira / GitHub / custom) to a workspace's HTTP signal via Friday's…friday-platformworkUse for execution, debugging, verification, planning, and shipping when the user's Emulo working profile should guide the task.…ohad6kwpdsWordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.nexu-io
← Prev21 / 22Next →
How the catalog works
What is an agent skill?

A folder with a SKILL.md inside — instructions, and often scripts and assets, that an AI agent loads when the task matches. Claude Code, Codex, Cursor and Copilot all read the same format, so one skill usually works across them.

Where does this catalog come from?

We read 660 source repositories straight from their file trees rather than from submitted listings — what you see is what is actually published. 98 repositories were rejected because they advertise skills but contain none: link lists, not folders.

Why is there no install counter?

Because install counts live in the registry that serves `npx skills add`, and that is not ours — publishing a number we cannot verify would be worse than showing none. Instead we show where a skill comes from and whether attention around its source is actually growing, measured from our own weekly snapshots.

Do you deduplicate?

Yes, and it matters more than expected. Aggregator repositories republish the same skill in several places — one source carried 6,317 SKILL.md files for 2,001 actual skills. We collapse by folder name and keep the canonical copy, so the catalog counts things, not copies.

Keep going