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 File CompressorFile Compressor
- chainlesschain Bundle Frontend Design
Design UI components, layouts, and responsive interfaces with accessibility
- chainlesschain Bundle Image Generator
AI图像生成（文生图、图生图、风格迁移、背景移除、图片增强）
- chainlesschain Bundle Impact Analyzer
变更影响分析 - 预测代码修改的爆炸半径，显示受影响的文件、测试和API端点
- chainlesschain Bundle Knowledge Graph
知识图谱（实体提取、关系发现、图分析、社区检测、知识导出）
- chainlesschain Bundle Memory Insights
Knowledge base analytics and health monitoring - file statistics, health scoring, keyword extraction, activity trends, gap detection, and comprehensive reporting
- chainlesschain Bundle My Custom Skill
A skill that does something useful
- chainlesschain Bundle Onboard Project
项目入门技能 - 代码库分析、架构理解、快速上手指南生成
- chainlesschain Bundle Proactive Agent
Autonomous proactive agent that monitors conditions and triggers actions - watches for file changes, error patterns, performance thresholds, and schedules periodic checks without user intervention
- chainlesschain Bundle Prompt Enhancer
提示词增强 - 分析用户意图，注入项目上下文，重写提示词以提高AI回复质量
- chainlesschain Bundle Release Manager
发布管理技能 - 语义版本计算、Changelog生成、Tag创建、Release Notes
- chainlesschain Bundle Snippet Library
代码片段库（保存、搜索、分类、标签、语言检测、导入导出）
- chainlesschain Bundle Task Decomposer
智能任务分解器 - 将复杂需求自动拆分为有序子任务，分配到最合适的技能执行
- chainlesschain Bundle Tts Synthesizer
Text-to-speech synthesis - read documents, multiple voices and engines
- chainlesschain Bundle Voice Commander
语音命令管理（命令注册、宏定义、命令链、上下文感知、语音快捷方式）
- chainlesschain Bundle Env File Manager
环境变量文件管理（.env解析、比较、验证、模板生成、缺失检测、安全检查）
- chainlesschain Bundle Google Workspace
Google Workspace integration - Gmail, Calendar, Drive operations via Google APIs
- chainlesschain Bundle Project Scaffold
项目脚手架技能 - 模块/页面/技能/IPC处理器的样板代码生成
- chainlesschain Bundle Regex Playground
正则表达式工具（测试、匹配、替换、解释、常用模式库、从自然语言生成）
- chainlesschain Bundle Stream Processor
Process file streams with per-line transformations, filtering, and aggregation
- chainlesschain Bundle Text Transformer
Text encoding, decoding, and transformation utilities - Base64, URL, HTML, hashing, case conversion, and string manipulation
- chainlesschain Bundle Audio Transcriber
Speech-to-text transcription using Whisper API or local engine
- chainlesschain Bundle Clipboard Manager
剪贴板管理（历史记录、搜索、收藏、格式转换、敏感内容过滤）
- chainlesschain Bundle Content Publisher
AI-powered content generation and multi-platform publishing - create infographics, slide decks, cover images, comics, and format content for social platforms
- chainlesschain Bundle Devops Automation
DevOps自动化技能 - CI/CD流水线生成、Docker管理、部署脚本
- chainlesschain Bundle JSON YAML Toolkit
Json Yaml Toolkit
- chainlesschain Bundle Markdown Enhancer
Markdown处理（目录生成、链接检查、表格格式化、统计、Lint、转HTML）
- chainlesschain Bundle Memory Management
Manage persistent memory - save notes, search knowledge, review daily logs, extract insights across sessions
- chainlesschain Bundle Template Renderer
Template Renderer
- chainlesschain Bundle Verification Loop
6-stage automated verification pipeline producing READY/NOT READY verdict
- chainlesschain Bundle API Docs Generator
Generate API documentation from code - produce OpenAPI/Swagger specs, Markdown API references, request/response examples, and interactive documentation from source code analysis
- chainlesschain Bundle Browser Automation
Automate browser tasks - navigate, click, type, fill forms, extract data, take screenshots
- chainlesschain Bundle Free Model Manager
Free AI model management - discover, download, and manage free/open-source AI models from Ollama, HuggingFace, and other sources
- chainlesschain Bundle Handler Test Skill
A test skill
- chainlesschain Bundle Multi Model Router
多模型智能路由 - 根据任务复杂度评分选择最优模型，平衡成本与质量
- chainlesschain Bundle Password Generator
Secure password and token generation - random passwords, passphrases, PINs, API tokens, UUIDs, and strength checking
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 file-compressor, frontend-design, image-generator. 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.