Web & Frontend
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
-
majiayu000 Bundle Cui CSSModern CSS standards covering essentials, responsive design, quality practices, and tooling for CUI projects
567 -
majiayu000 Bundle CypressWrites E2E and component tests with Cypress including selectors, commands, fixtures, and API testing. Use when testing web applications end-to-end, testing user flows, or writing integration tests.
567 -
majiayu000 Bundle DaisyuiGuide for daisyUI component library with Tailwind CSS. Use when building UI components, implementing themes, or creating responsive designs with daisyUI.
567 -
majiayu000 Bundle DatalabConvert documents (PDF, EPUB, PPTX, DOCX, XLSX, HTML, images) to Markdown using Datalab cloud API. Use when user wants to use Datalab API for document conversion, or prefers cloud-based processing over local marker CLI.
567 -
majiayu000 Bundle Dev VueThis skill provides Vue 3 component development with Composition API and TypeScript for the Pomo-Flow productivity application.
567 -
majiayu000 Bundle DiscordUse discord to manage messages, reactions, threads, polls, and moderation. You can disable groups via discord.actions. (defaults to enabled, except roles/moderation). The tool uses the bot token configured for Espada.
567 -
majiayu000 Bundle East UIUI component definitions for the East language. Use when building UIs with @elaraai/east-ui. Triggers for: (1) Creating UI components with Stack, Box, Grid, Card, Text, Button, (2) Building forms with
567 -
majiayu000 Bundle Eda DrcDesign validation and review. Run DRC/ERC checks, verify against constraints, check component availability, and prepare comprehensive validation reports.
567 -
majiayu000 Bundle Eda PcbPCB layout and routing. Component placement, trace routing, copper pours, design rule configuration, and layout optimization for manufacturability.
567 -
majiayu000 Bundle EnhanceEnhance frontend to pixel-perfect standards with mobile responsiveness and industry-leading design quality
567 -
majiayu000 Bundle HookifyHook creation and management system for React, Vue, and other frameworks with automated hook generation, testing, and documentation.
567 -
majiayu000 Bundle Ink CLIBuild terminal CLI apps using Ink (React for CLIs). This skill should be used when the user wants to create command-line interfaces with React components, terminal UIs, interactive CLI tools, or needs help with Ink components, hooks, and patterns.
567 -
majiayu000 Bundle IOS DeviOS/React Native development with Expo. Use when working on mobile app, running builds, debugging device issues, or setting up development environment including tethering.
567 -
majiayu000 Bundle MantineBuilds React applications with Mantine's 100+ components, hooks, and form library. Use when creating feature-rich UIs with built-in dark mode, accessibility, and TypeScript support.
567 -
majiayu000 Bundle Md BookMD-Book documentation generator skill. Use when working with MD-Book, a modern mdbook replacement for generating HTML documentation from Markdown files. Supports syntax highlighting, live reload, Pagefind search, and Tera templates.
567 -
majiayu000 Bundle Next 16Next.js 16.1+ App Router patterns. Use when working with pages, routing, caching, params, or middleware.
567 -
majiayu000 Bundle Nuxt UIUse when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
567 -
majiayu000 Bundle Omeka SExpert Omeka S developer assistant for Docker-based installations. Covers theme development (SCSS/CSS, templates), module creation (PHP, events, database), configuration management, and troubleshooting. Use for Omeka S customization from simple CSS tweaks to advanced module development.
567 -
majiayu000 Bundle OpenkbsOpenKBS AI agent development framework. Use when creating, modifying, or deploying AI agents with backend handlers (onRequest, onResponse, actions.js), frontend components (contentRender.js), or elast
567 -
majiayu000 Bundle PdforgePDForge (PDF Noodle) API for generating PDFs from templates or HTML via curl.
567 -
majiayu000 Bundle Pf A11Y접근성 검사. "접근성", "a11y", "ARIA", "키보드" 관련 요청 시 사용.
567 -
majiayu000 Bundle PresentConvert a deliverable document to an HTML presentation
567 -
majiayu000 Bundle ProwlerMain entry point for Prowler development - quick reference for all components. Trigger: General Prowler development questions, project overview, component navigation (NOT PR CI gates or GitHub Actions workflows).
567 -
majiayu000 Bundle Rtl CSSRTL (Right-to-Left) CSS for Hebrew and Arabic. Use when building UI that needs RTL support, fixing RTL layout issues, or auditing CSS for RTL compliance.
567 -
majiayu000 Bundle Sc DiffSemantic diffing for .NET source using roslyn-diff. Supports file/folder diffs, HTML reports, and git/PR-aware comparisons (GitHub + Azure DevOps).
567 -
majiayu000 Bundle Next JS Styling UI PerformanceZero-runtime CSS strategies (Tailwind) and RSC compatibility.
567 -
majiayu000 Bundle Svelte5Svelte 5 syntax reference. Use when writing ANY Svelte component. Svelte 5 uses runes ($state, $derived, $effect, $props) instead of Svelte 4 patterns. Training data is heavily Svelte 4—this skill prevents outdated syntax.
567 -
majiayu000 Bundle TamaguiUniversal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
567 -
majiayu000 Bundle TelecliThis skill should be used when the user asks to "send a Telegram message", "poll for Telegram updates", "check Telegram bot status", "respond to Telegram messages", "react to messages", "manage Telegram bot", or mentions Telegram Bot API operations. Provides comprehensive guidance for using the tg CLI to interact with Telegram bots.
567 -
majiayu000 Bundle TextualExpert guidance for building TUI (Text User Interface) applications with the Textual framework. Invoke when user asks about Textual development, TUI apps, widgets, screens, CSS styling, reactive programming, or testing Textual applications.
567 -
majiayu000 Bundle Next UpgradeNext.js version migrations using official guides and codemods.
567 -
majiayu000 Bundle RadixRadix UI primitives for accessible React components. Covers dialogs, dropdowns, popovers, and form controls. Triggers on radix, Dialog, Popover, DropdownMenu.
567 -
majiayu000 Bundle ReactReact/Next.jsのプロジェクトで、UI=計算モデル(コンポーネント/状態/レンダリング)を軸に、設計・実装・レビュー・性能改善の判断を整理する。doc/rdd.md に「技術スタック React」または「技術スタック Next.js」があるリポジトリ、あるいはReactの状態管理/レンダリング/Server Components/SSR/Streaming/バンドル/パフォーマンス相談で使う。
567 -
majiayu000 Bundle TypesTypeScript type generation and synchronization between backend OpenAPI and frontend. Auto-generates types from /openapi.json using openapi-typescript. Critical after any API change.
567 -
majiayu000 Bundle VibesGenerate React web apps with Fireproof database. Use when creating new web applications, adding components, or working with local-first databases. Ideal for quick prototypes and single-page apps that need real-time data sync.
567 -
majiayu000 Bundle WcagExpert WCAG (Web Content Accessibility Guidelines) advisor covering WCAG 2.0, 2.1, and 2.2 — the W3C international accessibility standards. Use this skill whenever a user asks about WCAG success criteria, conformance levels (A/AA/AAA), accessibility audits, POUR principles, accessibility statements, ARIA patterns, colour contrast, keyboard accessibility, screen reader compatibility, mobile accessibility, cognitive accessibility, WCAG 2.2 new criteria, WCAG 3.0 preview, legal requirements referencing WCAG (EN 301 549, EAA, ADA, Section 508), or mapping WCAG to accessibility laws. Trigger for any web or digital content accessibility question — even if the user doesn't say "skill" or "WCAG".
567
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include rtl-css, prowler, cui-css. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.