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
577624 · page 13 / 22
cherry-studio-feedback收集、脱敏、预览并提交 Cherry Studio BUG、UI/UX 或功能反馈,默认提交到飞书。可在用户同意后调用内置诊断工具整理环境、错误日志、截图和用户导出的 trace,自动提交飞书表单或生成匿名上传 ZIP;也可安全解析反馈 ZIP…CherryHQchina / that / countryGeneral SOP for common requests related to tversky, cognitive, kahneman.ECNU-ICALKcinema_4d_redshift_osl_shader_developmentDevelops and debugs OSL shaders for Cinema 4D Redshift, ensuring syntax compatibility, frame-based animation workflows, correct…ECNU-ICALKcircuit_gnn_state_and_constraint_processorConstructs node and edge feature tensors for a bipartite circuit graph using specific one-hot encodings (including resistors and…ECNU-ICALKckw-designFrontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web…sickn33clone-websiteReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and…JCodesMoreclone-websiteReverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively…vibeevalcode-exemplars-blueprint-generatorTechnology-agnostic prompt generator that creates customizable AI prompts for scanning codebases and identifying high-quality…githubcode-showcase-core-componentsCore component library and design system patterns. Use when building UI, using design tokens, or working with the component…sickn33code-splitting-helperConfigure with code splitting helper operations. Auto-activating skill for Frontend Development. Triggers on: code splitting…jeremylongshorewritescodebase-to-wordpress-converterExpert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme.sickn33codebook-pass调查数据清洗Skill。处理调查数据(CGSS/CHIP/CSS等)时的标准化清洗流程,包括缺失值处理、变量编码统一、数据异常值检测。触发词:数据清洗/调查数据/codebook/数据清洗流程/问卷数据处理brycewang-stanfordcoding-standardsBaseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend…mturaccolor-contrast-checkerValidate color contrast checker operations. Auto-activating skill for Frontend Development. Triggers on: color contrast checker…jeremylongshorewritescommand-center-uiWeb and App implementation guide for Command Center UI. Trigger when user wants monitoring systems, enterprise dashboards, NOCs…sickn33component-auditor-koordination-kaltstartWenn es um Component Auditor Koordination Kaltstart in Berufsrecht Wirtschaftsprüfer geht: klärt Rolle, Ziel, Frist, Unterlagen…Klotzkettecomponent-auditor-koordination-kammerantwortWenn es um Component Auditor Koordination Kammerantwort in Berufsrecht Wirtschaftsprüfer geht: ordnet Akteninhalt, Belege, Lücken…Klotzkettecomponent-auditor-koordination-organisationsWenn es um Component Auditor Koordination Organisations in Berufsrecht Wirtschaftsprüfer geht: zerlegt Ergebnis, Frist…Klotzkettecomponent-auditor-koordination-rechtsprechunWenn es um Component Auditor Koordination Rechtsprechun in Berufsrecht Wirtschaftsprüfer geht: zerlegt Ergebnis, Frist…Klotzkettecomponent-design-systemsBuilding and maintaining scalable component libraries, design tokens, accessibility, and cross-team collaboration patternscosmicstack-labscomponent-library-patternsDesign system token management, component API design, Storybook, and visual regression testing patternsvibeevalcomponent-specWrite a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.Owl-ListenerComponente de Horario Médico ResponsivoCrear un componente React reutilizable para visualizar turnos médicos en una tabla tipo 'cuaderno' con horarios fijos, tooltips…ECNU-ICALKcompose-multiplatform-patternsCompose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and…mturacConfiguración CSS universal para truncado de texto en tablasEstablece reglas CSS globales en `styles.css` para truncar texto largo en celdas de tablas con puntos suspensivos, previniendo…ECNU-ICALKConfigure Clojure Ring/Compojure Backend for JSON API with CORSConfigure a Clojure web server using Ring and Compojure to handle JSON API requests and enable Cross-Origin Resource Sharing…ECNU-ICALKconvert-blazor-server-to-webappGuides conversion of a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App. USE FOR: migrating apps that use…dotnetcore-componentsCore component library and design system patterns. Use when building UI, using design tokens, or working with the component…sickn33corl-topic-selectionUse when deciding whether a project belongs at CoRL, the Conference on Robot Learning, or should be routed to ICRA, IROS, RSS…brycewang-stanfordcorl-writing-styleUse when writing or revising a CoRL paper's prose — leading with the embodied task and the learned component, calibrating claims…brycewang-stanfordCorrección de archivos React en español con entrega completaGenera el código completo de archivos React para corregir errores de ejecución (como propiedades indefinidas), respondiendo…ECNU-ICALK配置支持CORS和图片服务的Flask后端API用于配置Flask后端以适配React前端,解决跨域问题,处理JSON请求,并通过HTTP路由提供生成的图片资源。ECNU-ICALKcounteroffer-decoderDecode a counteroffer after you resign — what the raise, promotion promise, or title bump really signals, the statistics-informed…mohitagw15856coupling-analysisAnalyzes coupling between modules using the three-dimensional model (strength, distance, volatility) from "Balancing Coupling in…tech-leads-clubcpp_vulkan_engine_and_ui_implementationGenerates C++ header and implementation files for a Vulkan-based game engine, covering core systems (Window, Renderer, etc.) and…ECNU-ICALKCreate responsive HTML skeleton with JS mobile menuGenerates a responsive HTML skeleton with a mobile-friendly menu using HTML, CSS, and JavaScript.ECNU-ICALKCreative Product Description GeneratorTransforms structured product specifications into a cohesive, narrative-style product description using storytelling and sensory…ECNU-ICALKCSS Coding without Universal SelectorGenerate CSS code while strictly avoiding the use of the universal selector (*) to prevent performance issues and unintended…ECNU-ICALKCSS Image Hover Position TransitionGenerates pure CSS code to animate an image's position on hover (e.g., moving top) without changing its dimensions.ECNU-ICALKcss-module-generatorGenerate css module generator operations. Auto-activating skill for Frontend Development. Triggers on: css module generator, css…jeremylongshorewritescss-precision-editorPrecision CSS/styling modifications for pixel-perfect adjustments with Tailwind, CSS Modules, and plain CSS supporta5c-aiwritesCSS Scalable Icon ArchitectureGenerates CSS for scalable graphics where the container uses em units and internal elements use percentage dimensions to ensure…ECNU-ICALKCSS Stop-and-Turn Animation GeneratorGenerates CSS keyframe animations where an object moves in straight lines, stops at turning points to rotate in place, and then…ECNU-ICALKCSS Tricolor Flag Generator with Official StandardsGenerates HTML and CSS code for tricolor flags adhering to official color specifications, aspect ratios, and correct stripe…ECNU-ICALKcyberpunk-uiWeb and App implementation guide for Cyberpunk UI. Trigger when user wants neon colors, dark backgrounds, high-tech dystopian…sickn33datadog-logsQuery and filter Datadog logs from the shell using the Composio CLI. Run scoped log searches, pivot across services/environments…composio-communityDévelopper une interface Web complète pour Ganache (Full-stack)Créer une application Node.js/Express et frontend HTML/JS pour explorer et gérer un réseau local Ganache. Inclut la gestion des…ECNU-ICALKDebug FastAPI 422 Errors: Query vs Body MismatchDiagnose and resolve 422 Unprocessable Entity errors in FastAPI when receiving POST requests from Axios, specifically identifying…ECNU-ICALK
← Prev13 / 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