# Cursor Skills Webdesign

> CURSOR-SKILLS rules for Web (HTML, CSS, JS, React, Vue, Angular). A11y, BEM, responsive.

- Skill: `agent-kit-startup/cursor-skills-webdesign` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agent-kit-startup/cursor-skills-webdesign`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agent-kit-startup/cursor-skills-webdesign/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: agent-kit-startup (https://skillmd.com/u/agent-kit-startup)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/agent-kit-startup/cursor-skills-webdesign

---


# CURSOR-SKILLS - Web Design

Source: [cursor-skills/webdesign](https://github.com/araguaci/cursor-skills/tree/main/webdesign)

## CURSOR setup

- HTML CSS Support, ES6 snippets, Auto Rename Tag, Prettier, Live Server, Emmet.
- React: React DevTools, ES7+ snippets. Vue: Vetur/Volar, Vue 3 Snippets. Angular: Angular Language Service, CLI.

## HTML

- Semantic HTML5; accessibility (ARIA, alt, heading hierarchy, keyboard); W3C; responsive.

## CSS

- CSS3, responsive, BEM, custom properties, controlled specificity.
- CSS modules or styled-components; mobile-first; flexible grids; responsive images.

## JavaScript / Frameworks

- ES6+; TypeScript when appropriate; error handling.
- **React**: functional components, hooks, state management.
- **Vue**: Composition API, reactivity, conventions.
- **Angular**: TypeScript, services, DI.

## Tests and tools

- Jest (unit), Cypress (E2E), Storybook, Lighthouse, Axe (a11y).
- Build: bundling, env vars, cache, CDN for assets.

## A11y and security

- Semantics, ARIA, keyboard, screen readers; validate/sanitize inputs; CSP; CORS; HTTPS.