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.
-
chainlesschain Bundle Env Doctor环境诊断技能 - 运行时检测、端口检查、服务健康、一键修复
- chainlesschain Bundle Git Commit
Generate semantic commit messages based on staged changes
- chainlesschain Bundle Summarizer
Summarize URLs, PDFs, YouTube videos, and text content - extract key points and generate concise summaries
- chainlesschain Bundle Test Skill
A test skill for unit testing
- chainlesschain Bundle Ultrathink
Activate extended thinking mode for complex problems - deep reasoning, chain-of-thought decomposition, multi-step analysis, and thorough exploration before answering
- chainlesschain Bundle API Gateway
Universal API gateway - connect to 100+ APIs with a unified interface, manage API keys, and chain API calls
- chainlesschain Bundle Code Review
Code review for issues, style consistency, best practices—use for full code evaluation; not for debugging specific errors or fixing individual style violations.
- chainlesschain Bundle Code Runner
Code Runner
- chainlesschain Bundle Codebase QA
代码库语义问答 - 基于文件索引和符号提取，回答关于代码库的任何问题
- chainlesschain Bundle Find Skills
Discover and recommend skills from the registry based on task requirements - search installed skills, suggest matching skills for current task, and browse skill categories
- chainlesschain Bundle HTTP Client
Http Client
- chainlesschain Bundle Ocr Scanner
Ocr Scanner
- chainlesschain Bundle Orchestrate
Multi-agent workflow orchestration with predefined templates and agent handoff protocol
- chainlesschain Bundle PDF Toolkit
PDF processing - extract text, merge, split, OCR, info, watermark
- chainlesschain Bundle Pr Reviewer
AI-powered pull request review and summarization - analyze diffs, detect bugs, security issues, suggest improvements, generate PR summaries, and auto-comment on GitHub PRs
- chainlesschain Bundle Zkp Toolkit
Zero-Knowledge Proof utilities - proof generation, verification, selective disclosure, ZK-Rollup batching, and benchmarking across ZK systems
- chainlesschain Bundle Auto Context
智能上下文检测 - 自动识别AI所需的文件、函数和上下文，优化token使用
- chainlesschain Bundle Color Picker
Color conversion, palette generation, contrast checking, and design utilities for HEX, RGB, and HSL formats
- chainlesschain Bundle Computer Use
Control desktop - take screenshots, click at coordinates, type text, move mouse, press keys, visual AI
- chainlesschain Bundle DB Migration
数据库迁移技能 - Schema检查、迁移脚本生成、漂移检测、索引优化
- chainlesschain Bundle Explain Code
Explain code in plain language with examples
- chainlesschain Bundle I18N Manager
国际化管理 - 字符串提取、翻译缺失检测、Locale文件生成和覆盖率统计
- chainlesschain Bundle Image Editor
图片编辑处理（缩放、压缩、格式转换、缩略图、旋转、裁剪、水印）
- chainlesschain Bundle K8S Deployer
Kubernetes deployment management - generate manifests, Helm charts, manage rollouts, check cluster status, and apply security best practices
- chainlesschain Bundle Lint And Fix
自动Lint修复技能 - 运行Linter、解析错误、AI自动修复循环
- chainlesschain Bundle Log Analyzer
日志分析（解析、过滤、统计、错误提取、时间线分析、模式检测）
- chainlesschain Bundle News Monitor
Monitor news feeds, tech blogs, and competitive intelligence sources - track keywords, summarize articles, detect trends, and deliver digests on schedule
- chainlesschain Bundle PPTX Creator
Create PowerPoint presentations from outlines, Markdown, or templates
- chainlesschain Bundle Rules Engine
模块化规则引擎 - 管理项目编码规范、AI行为规则、架构约束，支持glob范围和团队共享
- chainlesschain Bundle Smart Search
Use this for hybrid Vector+BM25 search to find specific existing info in the knowledge base—use only for factual, pre-existing content (skip guidance on creating/structuring docs, formatting, external queries, or search method questions)
- chainlesschain Bundle Test And Fix
自动测试修复技能 - 运行测试、解析失败、AI自动修复循环
- chainlesschain Bundle Web Scraping
Extract structured data from websites - scrape tables, lists, product info, text content
- chainlesschain Bundle Agent Browser
Advanced browser automation for AI agents with snapshot-ref interaction pattern - navigate, snapshot interactive elements with refs, click/fill/select by refs, manage sessions, and extract structured data
- chainlesschain Bundle Brainstorming
Creative ideation and structured brainstorming with multiple methodologies
- chainlesschain Bundle Chart Creator
数据可视化图表生成（折线图、柱状图、饼图、散点图、雷达图、漏斗图）
- chainlesschain Bundle CSV Processor
CSV数据处理（读取、分析、转换、过滤、排序、统计、合并、导出）
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 summarizer, test-skill, code-runner. 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.