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 Data Analysis数据分析技能 - CSV/JSON处理、统计分析、图表生成建议
- chainlesschain Bundle Data Exporter
Multi-format data export and conversion between JSON, CSV, Markdown, HTML, TSV, and TXT
- chainlesschain Bundle Debate Review
Multi-agent debate code review with configurable perspectives (performance, security, maintainability)
- chainlesschain Bundle Deep Research
Enterprise-grade deep research with multi-phase pipeline - autonomous web research, source credibility scoring, cross-referencing, synthesis, and validated reports for market analysis, competitive intel, and technical investigations
- chainlesschain Bundle Doc Converter
Universal document format converter - DOCX, PDF, Markdown, HTML, TXT
- chainlesschain Bundle Doc Generator
文档生成技能 - JSDoc/API文档/序列图/Changelog自动生成
- chainlesschain Bundle Skill Creator
Propose, test, validate, and improve Skill candidates without changing active files - generate reviewable SKILL.md and handler.js drafts, run test evaluations, and optimize descriptions for better triggering
- chainlesschain Bundle Tavily Search
Real-time web search using Tavily API - search the web, extract page content, and get up-to-date information for RAG and research tasks
- chainlesschain Bundle Terraform Iac
Terraform and OpenTofu infrastructure as code best practices - generate HCL configurations, module patterns, state management, CI/CD workflows, and cloud provider templates for AWS, GCP, Azure
- chainlesschain Bundle Video Toolkit
Video operations - info, thumbnails, extract audio, compress, clip, convert
- chainlesschain Bundle Architect Mode
双阶段架构模式 - 先规划后编辑，分离推理与代码修改，提升多文件编辑准确率
- chainlesschain Bundle Backup Manager
Backup and restore application data (database, config, memory, skills) with ZIP archives
- chainlesschain Bundle Context Loader
智能上下文加载技能 - 意图分析、相关文件预加载、token预算管理
- chainlesschain Bundle Cron Scheduler
Schedule and manage automated tasks with cron expressions - create recurring jobs, one-time tasks, natural language scheduling, and cross-platform timer management
- chainlesschain Bundle Crypto Toolkit
Cryptographic utilities - hashing, HMAC, AES-256-GCM encryption/decryption, encoding/decoding, UUID generation, and secure random bytes
- chainlesschain Bundle Database Query
Generate, optimize, and explain SQL queries - supports SQLite, PostgreSQL, MySQL with schema introspection, migration generation, and query performance analysis
- chainlesschain Bundle Deep Interview
Clarify intent, boundaries, and non-goals before planning. First step of the canonical coding workflow.
- chainlesschain Bundle Diff Previewer
多文件差异预览器 - 在应用AI变更前展示丰富的diff预览，支持部分接受和变更地图
- chainlesschain Bundle Doc Comparator
Compare documents - text diff, structural comparison, change summary
- chainlesschain Bundle Excel Analyzer
Excel deep analysis - formula audit, data validation, pivot summaries
- chainlesschain Bundle Github Manager
GitHub operations - manage issues, pull requests, repositories, and workflows via GitHub API
- chainlesschain Bundle Media Metadata
Extract and display metadata from images, audio, and video files
- chainlesschain Bundle Pdh Im Collect
引导用户把自己的微信(WeChat)和 QQ 聊天记录采集进 ChainlessChain 个人数据中心(Personal Data Hub) —— 自动发现、密钥提取、解密、一键入库到本地金库。当用户想采集/导入/同步 微信 或 QQ 聊天记录/消息/数据，或问为什么微信/QQ "采不到"，或希望聊天记录可被 AI 检索时触发。PC 桌面端(Windows)，纯本地、个人使用。
- chainlesschain Bundle Query Enhancer
RAG query optimization - rewrite, expand, decompose, and analyze search queries for better retrieval results
- chainlesschain Bundle Remote Control
Control remote desktop and Android devices - execute commands, transfer files, manage processes, sync clipboard
- chainlesschain Bundle Remotion Video
Create programmatic videos with React using Remotion - generate animations, compositions, text effects, transitions, captions, and render MP4 videos from code
- chainlesschain Bundle Research Agent
技术研究代理 - 搜索文档、Stack Overflow、GitHub获取技术方案，综合输出可执行建议
- chainlesschain Bundle Security Audit
代码安全审计技能 - 执行OWASP Top 10扫描、密钥检测、依赖审计
- chainlesschain Bundle System Monitor
System Monitor
- chainlesschain Bundle Test Generator
测试生成技能 - 单元测试创建、Mock生成、覆盖率分析
- chainlesschain Bundle Webapp Testing
Test local web applications using browser automation - verify frontend functionality, debug UI behavior, capture screenshots, view console logs, run E2E scenarios, and check accessibility
- chainlesschain Bundle Word Generator
Word Generator
- chainlesschain Bundle Code Translator
跨语言代码转换 - 支持JS↔TS、Python↔JS等主流语言间的智能代码翻译
- chainlesschain Bundle Commit Splitter
智能提交拆分 - 将大量未提交变更按语义分组为原子性提交
- chainlesschain Bundle Doc Coauthoring
Collaborative documentation writing with drafting, expanding, and restructuring
- chainlesschain Bundle Fault Localizer
自动故障定位 - 给定错误堆栈或失败测试，通过频谱分析和AST导航定位根因代码
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 deep-research, video-toolkit, architect-mode. 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.