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.
-
viewway Bundle Frontend DevelopmentMiniHES 前端开发规范。当用户进行 Vue 3 前端开发、组件设计、 页面布局、样式调整时自动激活。 涵盖技术栈、组件设计原则、设计规范、Ant Design Vue 用法。
-
koinod Skill Koino FrontendBuild world-class frontend interfaces for KOINO Capital and client ventures. Combines Anthropic's frontend-design principles, Impeccable refinements, modern SaaS landing page patterns, and KOINO operational alpha. Produces sites that rival top creative agencies and YC startup landing pages. Activates when building any web UI, landing page, storefront, dashboard, or component.
-
managedcode Bundle HtmlhintUse HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates. USE FOR: static HTML files; generated frontend output; standalone templates under wwwroot, dist, or other web folders; HTML structure checks. DO NOT USE FOR: raw .cshtml or .razor source with server-side directives; JavaScript or TypeScript linting. INVOKES: inspect the repository context, edit targeted files, and run relevant build, test, lint, or validation commands when changes are made.
-
jimmynotjames Skill Create PrTurn already-written code changes into a reviewed, gated, open PR. Spawns a fresh-context code-reviewer subagent for a correctness-first look at the diff, audits the AGENTS.md cross-cutting concerns checklist (accessibility, localization, translations, Mixpanel, UI test screen objects), fills in any gaps autonomously, runs `make gate`, commits residual fixes, pushes the branch, and opens the PR. Use when the solution is mostly done and you want to review, gate, and ship it to a PR — without involving a GitHub issue. Does NOT merge; pair with /merge-pr after review. Invoked via /create-pr.
-
guillemroca Skill Shipping And LaunchUse when preparing to release an Android app to production. Pre-launch checklist covering code quality, security, performance, accessibility, Play Store requirements, staged rollout, and rollback planning.
-
guillemroca Skill Android AccessibilityUse when building or reviewing Android UI for accessibility. Covers TalkBack, content descriptions, touch targets, Compose semantics, focus order, and Accessibility Scanner testing.
-
guillemroca Skill Android UI EngineeringUse when building UI with Jetpack Compose. Covers component design, state hoisting, recomposition optimization, Material 3 theming, Navigation 3, adaptive layouts for large screens, previews, screenshot verification, and XML interop.
-
abhinavbwj Skill Country UkUnited Kingdom architectural code and regulatory reference. Covers the Building Regulations 2010 for England with Approved Documents A through S (current 2010-2025 amendments), the parallel regimes for Wales (Welsh Approved Documents), Scotland (Building (Scotland) Regulations 2004 + Scottish Technical Handbooks), and Northern Ireland (Building Regulations (NI) 2012 + Technical Booklets). Post-Grenfell amendments to AD-B (2018-2023), the Building Safety Act 2022 with Building Safety Regulator (BSR) regime for Higher-Risk Buildings (HRB), Future Homes Standard 2025 and Future Buildings Standard 2025 (next AD-L), British Standards (BS 9991 fire safety dwellings, BS 9999 fire safety non-domestic, BS 8300-1/-2 accessibility, BS 5950 legacy steel, BS EN Eurocodes with UK National Annexes, BS 8500 concrete), London Plan 2021 + Mayor's Energy Hierarchy, Local Plans + NPPF (National Planning Policy Framework 2024), LABC vs Approved Inspector, EPC + SAP 10.2 + SBEM, Energy Act 2011 MEES minimum energy efficiency stand
-
abhinavbwj Skill Country UaeUnited Arab Emirates architectural code and regulatory reference. Covers the federal regulatory framework (UAE Fire and Life Safety Code of Practice 2018 by General Civil Defence, Federal Law 29/2006 + 2/2014 + 1/2020 for People of Determination, ESMA standards) plus the seven Emirates' independent codes: Dubai Building Code 2021 (DBC), Dubai Civil Defence regulations, Trakhees regulations for free zones, Dubai Green Building Regulations & Specifications 2011 + Al Sa'fat 2016, Dubai Universal Design Code 2017; Abu Dhabi International Building Code 2013 (ADIBC, IBC-derived), Estidama Pearl Building Rating System 2010, DMA Accessibility Code; Sharjah Department of Planning and Survey rules; northern emirates' deferral patterns to Abu Dhabi or Dubai codes. Includes climate zone hot-arid design overlays, sandstorm/ thermal expansion loads, ADM/DM approval workflows, RERA Dubai project registration, developer-master-developer-end-customer hierarchies (Emaar, Aldar, Nakheel masterplan compliance), DEWA/ADDC utility
-
abhinavbwj Skill Country UsaUnited States architectural code and regulatory reference. Covers the International Code Council (ICC) family of model codes adopted across most US jurisdictions (IBC 2024, IRC 2024, IECC 2024, IFC 2024, IMC 2024, IPC 2024, IFGC 2024, IEBC 2024), the National Fire Protection Association suite (NFPA 101 Life Safety Code 2024, NFPA 70 NEC 2023, NFPA 13 sprinklers, NFPA 72 detection, NFPA 285 wall assemblies, NFPA 5000), structural standards (ASCE 7-22 loads, ASCE 41-23 existing, ACI 318-19 concrete, AISC 360-22 steel, ANSI/AWC NDS 2024 wood, TMS 402/602 masonry), accessibility (ADA 2010 Standards, ANSI A117.1-2017, Fair Housing Act + HUD design manual, ABA Standards), energy (ASHRAE 90.1-2022, ASHRAE 62.1-2022, ASHRAE 55-2020, ENERGY STAR), and the major state amendments (California Title 24 Parts 1-12 with Part 6 Energy and Part 11 CalGreen, NYC Building Code 2022 + 1968 grandfathered + 2014 commercial, Florida Building Code 2023, Texas through state-by-jurisdiction adoption, Chicago Construction Codes, Massac
-
abhinavbwj Skill Country ChinaPeople's Republic of China architectural code and regulatory reference. Covers the GB (Guojia Biaozhun -- National Standard) series of mandatory codes including GB 50352-2019 Civil Buildings Unified Design Standard (replaces 2005), GB 50016-2014 (2018 ed.) Fire Protection Design of Buildings, GB 51251-2017 Smoke Control + Prevention, GB 50045 (legacy high-rise fire), GB 50011-2010 Seismic Design (with 2016 amendments), GB 50009-2012 Building Structural Loads, GB 55015-2021 General Code for Building Energy + Renewable Energy, GB 50189-2015 Public Building Energy Design, JGJ 26-2018 + JGJ 75-2012 + JGJ 134-2010 Residential Energy Design (by climate zone), GB 50763-2012 Code for Design Accessibility, GB 50352 civil building, plus the supplementary JGJ (Industry Standard) codes. Includes the five thermal climate zones per GB 50176-2016 (Severe Cold, Cold, Hot Summer Cold Winter, Hot Summer Warm Winter, Temperate), the eight seismic intensity zones (degree 6-9), the sunlight rights (Rizhao) regulation governing re
-
abhinavbwj Skill Country IndiaIndia-specific architectural code and regulatory reference. Covers the National Building Code of India (NBC 2016), Energy Conservation Building Code (ECBC 2017) and ECBC for Residential Buildings (ECBC-R 2018, also called Eco-Niwas Samhita), Indian Standards for structural design (IS 456:2000 concrete, IS 800:2007 steel, IS 875 Parts 1-5 loads, IS 1893:2016 seismic, IS 13920:2016 ductile detailing, IS 1904 foundations), the Rights of Persons with Disabilities Act 2016 and Harmonised Guidelines & Space Standards for Universal Accessibility 2021 (MoHUA), state-level Development Control Regulations (Mumbai DCPR 2034, Delhi MPD 2041, Bangalore BBMP, Chennai CMDA, Hyderabad GHMC, Kolkata KMC, Pune PMC, Ahmedabad AUDA), municipal building bye-laws, GRIHA and IGBC green rating systems, RERA (Real Estate Regulatory Authority) under the RERA Act 2016, fire safety per NBC Part 4 and state fire services rules, and the approval workflow involving Municipal Corporations, Development Authorities, State Fire Services NOC, a
-
abhinavbwj Skill Country JapanJapan architectural code and regulatory reference. Covers the Building Standards Act (Kenchiku Kijun Ho, 1950, fundamentally revised 1998 toward performance-based regulation and 2007 strengthening post-Aneha incident), Building Standards Law Enforcement Order (Kenchiku Kijun Ho Shiko Rei) and MLIT Notifications (Kokuji); the parallel Fire Service Act and Fire Service Law Enforcement Order administered by Fire Department (Shobosho); Energy Conservation Act 1979 superseded by Act on the Improvement of Energy Consumption Performance of Buildings (Kenchikubutsu Sho-Energy Ho) 2015 + amendment 2022; Heart Building Law 2006 (Barrier-Free Law) and JIS S 0026 accessibility standards; City Planning Act with 12 use districts and ratio-based regulation (Yoseki-ritsu volumetric, Kenpei-ritsu coverage, daylighting + setback ratios); the unique two-level seismic design philosophy (Level 1 475-year + Level 2 2475-year), 1981 New Seismic Standard (Shintaishin), Energy Absorption Member design + base isolation + damper system
-
abhinavbwj Skill Country GermanyGermany architectural code and regulatory reference. Covers the Musterbauordnung (MBO 2002, last amended 2019) federal model plus the 16 binding Landesbauordnungen (LBO) for each Bundesland (BayBO Bavaria, BauO NRW North Rhine-Westphalia, BauO Bln Berlin, HBauO Hamburg, BauO Bbg Brandenburg, NBauO Lower Saxony, HBO Hesse, BauO LSA Saxony-Anhalt, SaechsBO Saxony, ThuerBO Thuringia, LBauO Rheinland-Pfalz, LBO BW Baden-Wuerttemberg, BauO SH Schleswig-Holstein, BauO M-V Mecklenburg-Vorpommern, LBO Saarland, BauO Bremen), the federal Gebaeudeenergiegesetz GEG 2023, the German Eurocode national annexes (DIN EN 1990-1999/NA), the DIN 18040 series for accessibility (Part 1 public buildings, Part 2 dwellings, Part 3 public space), DIN 4109 for sound insulation, DIN 4108 thermal insulation, DIN 4102/EN 13501 for fire classification, Musterhochhausrichtlinie + Sonderbauordnungen for special buildings, Versammlungsstaettenverordnung for assembly buildings, Industriebaurichtlinie for industrial, KrPflVO/HHRRL for hospital
-
abhinavbwj Skill Country AustraliaAustralia architectural code and regulatory reference. Covers the National Construction Code 2022 (NCC 2022, published by Australian Building Codes Board ABCB) -- Volume One (Class 2-9 Building Code of Australia), Volume Two (Class 1 + 10 -- Housing Provisions), Volume Three (Plumbing Code of Australia); Australian Standards including AS/NZS 1170.0-2002 + 1170.1-2002 + 1170.2-2021 wind + 1170.3-2003 snow + 1170.4-2007 seismic, AS 3600-2018 concrete, AS 4100-2020 steel, AS 1684-2010 residential timber, AS 1170.4 seismic, AS 1530.1/.2/.3/.4/.8 fire test methods, AS 4072 service penetration sealing, AS 1428.1-2021 accessibility, AS 1428.4 tactile, AS/NZS 4586 slip resistance, AS 1668 ventilation, AS 1680 lighting; the Disability (Access to Premises -- Buildings) Standards 2010 + Disability Discrimination Act 1992; the 7-star NatHERS (Nationwide House Energy Rating Scheme) mandatory for new Class 1 housing from 2022; state-specific overlays (NSW Planning + Environmental Planning Instruments, Victoria Plumbing Reg
-
abhinavbwj Skill Country SingaporeSingapore architectural code and regulatory reference. Covers the Building Control Act 1989 (BCA) and Building Control Regulations 2003 (with periodic amendments through 2024), the Singapore Civil Defence Force (SCDF) Fire Code 2018 (Fire Safety Act 1993 + Fire Safety (Building Fire Safety) Regulations), the URA (Urban Redevelopment Authority) Planning Act with Master Plan 2019 and Development Control Handbooks, BCA Green Mark scheme 2021 with mandatory Green Mark Certified Building requirement for all new buildings since 2008, BCA Code on Accessibility 2019 (3rd revision; Universal Design Mark), Code on Environmental Sustainability of Buildings 2018, Singapore Standards SS 530 energy efficiency, SS 553 air-conditioning, SS 568 natural lighting, SS 593 acoustic, SS 632 emergency power, plus Singapore-adopted Eurocodes (SS EN suite with Singapore National Annexes), Code of Practice on Buildability (BCA), Code on Buildable Design and Constructability, Workplace Safety and Health Act, NEA noise regulations, PUB
-
abhinavbwj Bundle Accessibility DesignComprehensive accessibility and universal design expertise covering ADA/ABA Accessibility Standards, universal design principles (Ron Mace's 7 principles), inclusive environment design, accessible route requirements, dimensional standards for wheelchair access, ramps, stairs, elevators, sanitary facilities, sensory accessibility (visual and hearing impairment), neurodiversity-informed design, aging in place, and international code comparison across ADA (US), Equality Act/BS 8300 (UK), DIN 18040 (Germany), AS 1428 (Australia), and NBC (India).
-
abhinavbwj Skill Country Saudi ArabiaKingdom of Saudi Arabia architectural code and regulatory reference. Covers the Saudi Building Code (SBC) nine-part series issued by the Saudi Building Code National Committee (SBCNC): SBC 201 General Building, SBC 301 Structural Loads (ASCE 7-derived), SBC 302 Concrete (ACI 318-derived), SBC 304 Soil and Foundations, SBC 305 Masonry, SBC 306 Steel (AISC-derived), SBC 401 Electrical, SBC 501 Mechanical, SBC 601 Energy Conservation, SBC 701 Plumbing, SBC 801 Fire (NFPA-aligned), SBC 901 Existing Buildings, SBC 1001 Green Buildings. Also covers the General Directorate of Civil Defence regulations, Saudi Universal Accessibility Code, Mostadamah (Saudi Green Building Program), the Vision 2030 giga-projects (NEOM, Qiddiya, Red Sea, Diriyah, ROSHN), Amana (Municipality) approval workflows, Saudi Energy Efficiency Center (SEEC) programs, and Royal Commission jurisdictions (Jubail/Yanbu/AlUla). Includes Mecca/Medina special restrictions (Hajj building regulations), Aramco housing standards reference, and the hot-arid
-
abhinavbwj Bundle Architect FoundationsAuto-activated foundation layer for the Architect Skills plugin providing practitioner-grade reference across 50+ architects and theorists (Vitruvius through Kere), 100+ quantitative rules of thumb sourced from IBC, ASHRAE 90.1, ADA/ABA, NFPA 101, BS EN 1991-1995, Neufert Architects' Data, and Architectural Graphic Standards. Covers all major building typologies (residential, commercial, institutional, industrial, special), design quality frameworks (RIBA Plan of Work 2020, AIA Framework for Design Excellence, CABE Building for Life 12), sustainability rating systems (LEED BD+C v4.1, BREEAM New Construction 2024, Passive House Classic/Plus/Premium, WELL v2, Living Building Challenge 4.0, Fitwel), fire and life safety codes (NFPA 101, IBC Ch. 7-10, BS 9999, Approved Document B), accessibility standards (ADA 2010, BS 8300, EN 17210, DDA), acoustic performance (ASTM E90 STC, ASTM E492 IIC, BB93, DIN 4109), structural systems, envelope performance, daylighting metrics, and an anti-pattern catalog of common design
-
abhinavbwj Skill Geographic FoundationsAuto-activated geographic context router for the Architect Skills plugin. Detects the country or jurisdiction of any architectural query and routes to the correct country-specific dossier (India, UAE, Saudi Arabia, USA, UK, Germany, Singapore, Japan, China, Australia). Encodes the global regulatory landscape: which authority issues which code, the hierarchy between national/state/municipal regulation, code adoption status by version year, the dominant energy/seismic/fire/accessibility codes per jurisdiction, and the cross-walk between national codes and the international reference systems (IBC, NFPA, Eurocodes, ISO, ASCE). Maintains a precise inventory of which country uses which Eurocode National Annex, which states/emirates/ Lander/prefectures publish their own modifications, and where international standards apply by reference. Triggers country-specific skills when geographic context is detected in user query (city name, project location, language cues, code reference) and supplies global framework compari
-
barcelosvinicius Bundle Fe UX PatternsUse when creating or reviewing any UI component, screen, or form. Operational UX guide — visual hierarchy, colors, loading states, forms, perceived performance, and user feedback patterns.
-
barcelosvinicius Skill Proc Release ChecklistUse before any production delivery — first deploy, release with schema or security changes, or any release after more than two weeks of inactivity. Pre-go-live validation: security, database, API, frontend, observability, process, and post-deploy checks.
-
barcelosvinicius Bundle Fe Accessibility PatternsUse when implementing any interactive component, form, modal, or table. Concrete WCAG 2.1 AA accessibility patterns — semantic HTML, ARIA attributes, keyboard navigation, color contrast, and automated testing.
-
impertio-studio Bundle Axum Syntax ResponsesUse when a handler must return a status code, headers, JSON, HTML, raw bytes, a redirect, or a cookie in Axum, or when a handler return value fails the Handler trait bound because the returned type does not implement IntoResponse. Prevents returning a bare domain struct or a bare integer that does not implement IntoResponse, prevents the wrong tuple order where the body is not the final element, prevents using 301 for a permanent redirect when Axum emits 308, and prevents a CookieJar silently dropping changes when the jar is not returned from the handler. Covers IntoResponse and IntoResponseParts, status and header and body tuple combining, Json and Html and raw byte bodies, Redirect (303, 307, 308), AppendHeaders, raw Set-Cookie headers, the axum-extra CookieJar family, and the Axum 0.8 axum::body::Body requirement. Keywords: axum IntoResponse, IntoResponseParts, ResponseParts, Json, Html, Form, Redirect, Redirect::to, Redirect::permanent, Redirect::temporary, AppendHeaders, NoContent, StatusCode, HeaderMap,
-
meta-quest Bundle Hz Immersive DesignerGuides design of comfortable, intuitive VR/MR experiences for Meta Quest and Horizon OS — comfort guidelines, interaction patterns, spatial layout, accessibility. Use during UX design review or when evaluating comfort and accessibility.
-
celticht32 Bundle Couchbase MobileDesign and build mobile, edge, and offline-first applications with Couchbase Lite, Sync Gateway, and Capella App Services. Use whenever the user asks about Couchbase Lite, Sync Gateway, App Services, offline-first, mobile sync, data replication to mobile, Couchbase Lite database, replicator, push/pull replication, sync function, channel access, user authentication in mobile, conflict resolution in mobile, iOS Couchbase, Android Couchbase, React Native Couchbase, Xamarin Couchbase, .NET MAUI Couchbase, peer-to-peer sync, edge database, Couchbase Lite vector search, or 'how do I sync data to mobile apps.' Distinct from couchbase-xdcr (server-to-server replication) and couchbase-app-integration (server-side SDKs). Use proactively when the user has a mobile, IoT, field worker, or offline-capable application requirement.
-
dafang Bundle Browser Bridge通过 Chrome 扩展控制真实浏览器。需要访问网页、抽取网页数据、点击按钮、填写表单、执行浏览器自动化、提取渲染后的组件证据,或以程序方式操作页面时使用。通过 DOM diff、简化 HTML 和 component evidence pack 返回节省 token 的结构化结果。适用于 browser control、web automation、page scraping、web data extraction、execute JS in browser、web_scan、web_execute_js、open browser、navigate to URL、get page content、fill form、click button、extract component、rendered DOM、computed styles、component evidence。
Audited -
decentraland Bundle Build UIBuild 2D screen-space UI for Decentraland scenes using React-ECS (JSX). Create HUDs, menus, health bars, dialogs, buttons, inputs, and dropdowns. Use when the user wants on-screen UI, menus, or form inputs. Do NOT use for 3D in-world text (see advanced-rendering) or clickable 3D objects (see add-interactivity).
-
decentraland Bundle Editable UIWrite React-ECS scene UI that the Creator Hub's 2D UI editor (UI Designer) can fully read and edit — file layout, the state/props binding surface, useInteraction style layers, actions, platform variants, and the driver pattern for animation. Use when the user wants UI that is editable in the Creator Hub, wants to generate UI for the UI Designer, or wants to adapt an existing coded UI so it opens in the editor. For coded UI with no editor requirement, use build-ui.
-
decentraland Bundle Audio AnalysisRead real-time amplitude and 8-band frequency data from any AudioSource, AudioStream, or VideoPlayer entity in a Decentraland SDK7 scene with the AudioAnalysis component. Use when the user asks for music visualizers, beat reactivity, equalizers, or audio-reactive scenes. Do NOT use to play sound (see audio-video) or to detect player-emitted audio (this reads only entity-attached AudioSource/AudioStream/VideoPlayer audio).
-
decentraland Bundle Particle SystemEmit particles (fire, smoke, snow, fireworks, magic, trails) from an entity in a Decentraland SDK7 scene with the ParticleSystem component. Do NOT use for procedural entity motion (see animations-tweens), GLTF model effects (see add-3d-models), or 2D UI effects (see build-ui).
-
decentraland Skill Script ComponentsWriting .ts script files for the Creator Hub Script component — self-contained classes attached to individual entities. Use when the user wants to create a custom smart item, a reusable scripted entity, or write code that runs on a Creator Hub Script component. Do NOT use for regular scene index.ts code or global systems (see scene-runtime, add-interactivity).
-
erich3000 Bundle Obsidian Bases StylingThis skill should be used when the user asks to "style Obsidian Bases", "add CSS for Bases", "make zebra rows in Bases", "match Bases styling to Kanban", or "create/update .obsidian/snippets/bases.css".
Audited -
erich3000 Bundle Obsidian Kanban StylingThis skill should be used when the user asks to "style Obsidian Kanban", "add CSS for Kanban boards", "match Kanban to Trello dark", "customize .obsidian/snippets/kanban.css", or "improve Kanban card appearance".
Audited -
nvidia-omniverse Skill Orchestrate Streaming StackOrchestrate an end-to-end NVIDIA self-managed streaming stack across AWS or Azure. Use when planning, generating, sequencing, deploying, or validating the full path from CSP base infrastructure through NVCF self-managed control plane, NVCF auxiliary services, caches, storage APIs, and post-deploy readiness gates. Trigger when the user asks for orchestration, full-stack setup, bring-up order, runbook, dependency sequencing, AWS/Azure streaming deployment, csp-infra plus NVCF, caches, or storage API coordination. Do not use for a single component task when the user explicitly asks only for one child skill.
-
oscarqjh Skill API And Interface DesignGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
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 frontend-development, country-uae, build-ui. 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.