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
913960 · page 20 / 22
sveltekitBuild full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework.sickn33公众号SVG点击显示图片代码生成生成适用于微信公众号环境的SVG代码,实现点击图标显示被foreignObject包裹的图片,仅使用SVG动画(opacity属性),不依赖JavaScript和CSS。ECNU-ICALKsvg-ui-templatesGenerate professional SVG UI panels for structured information display. Use when presenting lists, task checklists…BioTender-maxswiftui-patternsSwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and…mturacsystem-design-interviewStructure a complete system design answer for interview questions or real architecture sessions. Use when asked to design a…mohitagw15856t-runExecute phased task plans for backend, frontend, miniapp, Flutter, Web Demo, or Flutter Demo.timzaakt-super-runPlan and execute a backend, frontend, web-demo, flutter, or flutter-demo phase in one persistent main-session Goal with…timzaakwritestab-accordionWhen the user wants to add or optimize tab or accordion components for content organization. Also use when the user mentions "tab…kostja94tailwind-class-optimizerOptimize tailwind class optimizer operations. Auto-activating skill for Frontend Development. Triggers on: tailwind class…jeremylongshorewritestailwind-cssBest practices for utility-first CSS with Tailwind, responsive design, and component patternscosmicstack-labstailwind-patternsTailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.sickn33design-taste-frontend-v1The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is…LeonxlnxTechnical Writing for Alarm Component RecordsGenerates or improves technical documentation for the 'Detailed information about an alarm record' section in a cloud-based…ECNU-ICALKtechnology-stack-blueprint-generatorComprehensive technology stack blueprint generator that analyzes codebases to create detailed architectural documentation.…githubTelegram WebApp Davet Sistemi Entegrasyonu (Mongoose & React)Telegram WebApp üzerinde Mongoose şeması ve React frontend kullanılarak, URL parametreleri üzerinden çalışan bir referans/davet…ECNU-ICALKTheme-based Component Building Generator for Paper NetsGenerates a list of component buildings suitable for a specific theme, ensuring they are simple to construct as paper nets and…ECNU-ICALKthermodynamic-model-selectorAutomated thermodynamic property method selection based on component characteristics and operating conditionsa5c-aiwritesTranslate React/ApexCharts components to ClojureScript/ReagentTranslates React class-based ApexCharts components into ClojureScript Reagent components, mapping React state to atoms and JSX to…ECNU-ICALKtrend-researcherResearch latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current…davepoontrpc-fullstackBuild end-to-end type-safe APIs with tRPC — routers, procedures, middleware, subscriptions, and Next.js/React integration…sickn33TypeScript Code Refactoring for Brevity and GenericityRefactors TypeScript code to reduce duplication, use generics, and minimize boilerplate while maintaining type safety.ECNU-ICALKtypescript-rulesReact/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use…shinprtypeuiUse TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP…bergsideTyping Carousel with Fade Out AnimationGenerates HTML, CSS, and JavaScript code for a text carousel that types out text character by character, fades out, and proceeds…ECNU-ICALKtypography-firstWeb and App implementation guide for Typography First Design. Trigger when user wants text as the absolute main visual element…sickn33typographyUI typography on Apple platforms — text styles and Dynamic Type, the San Francisco family (Pro/Rounded/Compact/Mono/New York +…rshankraswritesUE5 C++ Draggable Widget ImplementationProvides a reusable C++ implementation pattern for creating draggable UserWidgets or Buttons in Unreal Engine 5, ensuring correct…ECNU-ICALKРеализация подсветки активного элемента в списке UI BlenderНавык для создания визуальной обратной связи (подсветки) выбранного элемента в панели Blender (Panel) путем сохранения его ID в…ECNU-ICALKui-componentGenerate a new UI component following the StyleSeed design conventionssickn33ui-designDesign-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aestheticsginlix-aiui-design-systemMaster the creation, maintenance, and governance of design systems — from design tokens and component architecture to…cosmicstack-labsui-icons-graphical-user-interfaceWenn es um Ui Icons Graphical User Interface in designrecht-geschmacksmusterrecht geht: ordnet Sachverhalt, Norm, Beweislast…Klotzketteui-lintQuick automated lint — detects common design system violations in secondssickn33ui-motionApply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse ×…sickn33ui-pageScaffold a new mobile page/screen using the StyleSeed layout patternssickn33ui-patternGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitivessickn33gsd:ui-phaseGenerate UI design contract (UI-SPEC.md) for frontend phasesdavepoonwritesui-prototypingExplore multiple *divergent* UI directions for a screen as named Swift #Previews, remix the strongest elements into hybrids, fill…rshankraswritesui-reviewReview UI code for design system compliance, accessibility, and best practicessickn33ui-scoreScore a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a…sickn33ui-setupInteractive setup wizard — guides you step-by-step to configure the design system for your projectsickn33ui-skillsOpinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small…nexu-ioui-skills-rootUse before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.sickn33ui-skillsOpinionated, evolving constraints to guide agents when building interfacessickn33ui-to-vueUse when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant…mturacui-tokensView, add, or modify design tokens in the StyleSeed design systemsickn33ui-updateUpdate StyleSeed engine in your project — analyzes what's outdated and updates safelysickn33ui-ux-designerCreate interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.sickn33
← Prev20 / 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