Cursor Skills Webdesign

CURSOR-SKILLS - Web Design

Source: cursor-skills/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.