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.
-
tools-only Bundle 993 Skills In Context Window F5753618Skills in the Default Context Window
7 - tools-only Bundle 858 Reference Set 05 CSS Security 2a2123f4
<!-- Threat Modeling Skill | Version 3.0.0 (20260201a) | https://github.com/fr33d3m0n/threat-modeling | License: BSD-3-Clause -->
7 - tools-only Bundle 013 Add Help To Book Installer Fdfc606b
Add Help Feature to Book-Installer Skill
7 - tools-only Bundle 228 Create Implementation Plan 3cbdf833
Generate an implementation plan from a planning document
7 - tools-only Bundle 411 Generate Chapter 9 Content 031356c0
Chapter 9 Content Generation Log
7 - tools-only Bundle 1566 Javascript General Web Frontend Security 541003e3
Frontend JavaScript/TypeScript Web Security Spec (Vanilla Browser JS/TS, Modern Browsers)
7 - tools-only Bundle 2138 Javascript General Web Frontend Security 3a7bc7b3
Frontend JavaScript/TypeScript Web Security Spec (Vanilla Browser JS/TS, Modern Browsers)
7 - tools-only Bundle 1037 Suggest Timeline Placement 4c885549
Suggest Timeline Placement
7 - tools-only Bundle 365 Feature Checklist Generator Aacfd4d4
Feature Checklist Generator
7 - tools-only Bundle 576 Microcontroller Programming D35352d4
Microcontroller Programming
7 - tools-only Bundle 480 Intelligence System Research 7dde3bec
Skill Seekers Intelligence System - Research Topics
7 - tools-only Bundle 1113 Upgrade The Book Installer Help 86a6eca0
Add a new feature to the @skills/book-installer called "help" - when the user asks "what does the
7 - tools-only Bundle 479 Intelligence System Architecture 22d7ebb5
Skill Seekers Intelligence System - Technical Architecture
7 - tools-only Bundle 857 Reference Set 05 Csrf Prevention 083b418d
<!-- Threat Modeling Skill | Version 3.0.0 (20260201a) | https://github.com/fr33d3m0n/threat-modeling | License: BSD-3-Clause -->
7 - tools-only Bundle Configurable System Prompts
Configurable System Prompts for Component Selection
7 - tools-only Bundle 1112 Updates To Learing Graph Installer 90a2f2f8
Updates to Learning Graph Viewer Installer Skill
7 - tools-only Bundle 464 Implementation Summary Three Stream 98cb21bb
Three-Stream GitHub Architecture - Implementation Summary
7 - tools-only Bundle 1575 Javascript Jquery Web Frontend Security A7eca249
jQuery Frontend Security Spec (jQuery 4.0.x, modern browsers)
7 - tools-only Bundle 2075 Javascript Jquery Web Frontend Security Bcbad2fa
jQuery Frontend Security Spec (jQuery 4.0.x, modern browsers)
7 - tools-only Bundle 001 01 17 Safe File Deletion Impl E8f98666
Safe File Deletion Implementation Plan
7 - tools-only Bundle 220 Course Description Assessment 2635754b
Course Description Quality Assessment
7 - tools-only Bundle 778 Readme Flat Claude Md Created Dd418d33
<!-- GENERATED FILE: do not edit directly -->
7 - tools-only Bundle 780 Readme Flat Claude Md Updated 33258bb6
<!-- GENERATED FILE: do not edit directly -->
7 - tools-only Bundle 1567 Javascript Typescript React Web Frontend Security 1927c
React (JavaScript/TypeScript) Web Security Spec (React 19.x, TypeScript 5.x)
7 - tools-only Bundle 2139 Javascript Typescript React Web Frontend Security D3030
React (JavaScript/TypeScript) Web Security Spec (React 19.x, TypeScript 5.x)
7 - tools-only Bundle Per Component Prompt Configuration
Per-Component Prompt Configuration
7 - tools-only Bundle 2135 Javascript Typescript Nextjs Web Server Security 0072d6
Next.js (TypeScript/JavaScript) Web Security Spec (Next.js 16.1.x, Node.js 20.9+)
7 - tools-only Bundle 2635 Javascript Typescript Nextjs Web Server Security 71c773
Next.js (TypeScript/JavaScript) Web Security Spec (Next.js 16.1.x, Node.js 20.9+)
7 - tools-only Bundle Add Inputdata Type Metadata Field Feature
Add InputData.type_metadata Field Feature
7 - tools-only Bundle 724 Prompt Eval Methpd Behavioralcontrol Dfe5142a
行为控制攻击方法
7 - tools-only Bundle 1568 Javascript Typescript Vue Web Frontend Security 5997263
Vue.js Web Security Spec (Vue 3.x, TypeScript/JavaScript, common tooling: Vite)
7 - tools-only Bundle 2140 Javascript Typescript Vue Web Frontend Security 77c6a74
Vue.js Web Security Spec (Vue 3.x, TypeScript/JavaScript, common tooling: Vite)
7 -
adobe Bundle Migrate 2Apply DESIGN, canon, and modules to every page in the inventory, producing a deployable static HTML site. Use to migrate or render the whole captured site into the redesigned static tree ("migrate the pages", "render the migrated site", "apply the design to all pages", "build the deployable site", "convert the approved prototype into the full site") — the page-rendering step between prototype and deploy/rollout. Three render branches (approved page, template-applied sibling, unique render), with a declared fidelity tier per page. Per-page, incremental, idempotent, content-preserving by default.
142 - adobe Bundle Replica 2
Same-design migration — re-platform a site to AEM Edge Delivery (or any clean front end) keeping its current design near pixel-perfect. Recreates key pages (one archetype per page type) as clean re-authored HTML/CSS (never DOM copies), verifies each against the live site with a measured source-fidelity gate (structural + visual + stitched pixel diff per breakpoint), then hands off to migrate/deploy/rollout for site-wide delivery (subsumes prepare-migration's prep cascade — never chain the two). The only permitted design changes are entries in an explicit inconsistency register. Use when the user says "migrate this site keeping its current design", "same-design migration", "pixel-perfect replatform to AEM", or "keep the design, change the platform". NOT for redesigns — those are the stardust core pipeline (direct/prototype) or uplift.
142 - adobe Bundle Prototype 2
Render a proposed redesign of a page on the current website as a self-contained static HTML file, then iterate via the impeccable craft loop. Per-page, idempotent, stale-aware. Use when the user asks for a redesign prototype, a before/after comparison, a design preview, a page mockup, a visual diff of the redesign, or invokes `$stardust prototype` (`/stardust:prototype` in Claude Code).
142 - adobe Bundle Page Import 2
Use this when importing or migrating a single webpage from any URL into canonical EDS block format — structured HTML that authors edit in DA — including when the request uses terms like migrate, migration, or migrating. Covers scraping the page, analyzing structure, mapping to existing blocks, and generating HTML for immediate local preview. Use the snowflake skill instead when the user wants to preserve the original DOM byte-for-byte (static-to-EDS overlay); for building new blocks from scratch use content-driven-development.
142
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 993-skills-in-context-window_f5753618, 858-reference-set-05-css-security_2a2123f4, 013-add-help-to-book-installer_fdfc606b. 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.