agent-website-design-skills

# Agent Website Design Skills

Verification-first Agent Skills for website visual direction, design systems, landing pages, responsive UI QA, accessibility, and ethical conversion.

Repository: https://github.com/divyanshu-iitian/agent-website-design-skills
Catalog: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/skills.json
README: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/README.md
Agent instructions: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/AGENTS.md

## Install or Run

Install:
npx skills add divyanshu-iitian/agent-website-design-skills

List:
npx skills add divyanshu-iitian/agent-website-design-skills --list

Run without installing:
npx skills use divyanshu-iitian/agent-website-design-skills@responsive-ui-qa

## Skills

- web-visual-direction: Define a distinctive, implementable visual direction before substantial frontend implementation.
  - File: web-visual-direction/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/web-visual-direction/SKILL.md

- web-design-system: Extract, create, reconcile, or extend semantic tokens and component contracts grounded in an existing frontend.
  - File: web-design-system/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/web-design-system/SKILL.md

- landing-page-craft: Design and implement a landing page around a clear argument, honest evidence, and measurable action.
  - File: landing-page-craft/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/landing-page-craft/SKILL.md

- responsive-ui-qa: Reproduce, diagnose, fix, and verify responsive defects across routes, states, viewports, and input modes.
  - File: responsive-ui-qa/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/responsive-ui-qa/SKILL.md

- conversion-accessibility-polish: Improve decision clarity, trust, forms, UX copy, and accessibility without dark patterns.
  - File: conversion-accessibility-polish/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/conversion-accessibility-polish/SKILL.md

- agentic-site-building: Build AI website agents with scoped edits, deterministic verification, bounded repair, safe previews, and rollback.
  - File: agentic-site-building/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/agentic-site-building/SKILL.md

- product-motion-design: Design and ship purposeful GSAP, scroll, micro-interaction, and Three.js motion with runtime proof.
  - File: product-motion-design/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/product-motion-design/SKILL.md

- production-web-architecture: Design reliable and scalable startup web systems without premature distributed complexity.
  - File: production-web-architecture/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/production-web-architecture/SKILL.md

- technical-seo-discovery: Diagnose and verify crawlability, indexing, canonicals, rendering, sitemaps, and public discovery.
  - File: technical-seo-discovery/SKILL.md
  - Raw: https://raw.githubusercontent.com/divyanshu-iitian/agent-website-design-skills/main/technical-seo-discovery/SKILL.md

## Routing

- Unclear visual concept: web-visual-direction
- Inconsistent tokens or components: web-design-system
- Marketing or conversion page: landing-page-craft
- Responsive defect or final visual QA: responsive-ui-qa
- Existing flow needs trust, form, copy, or accessibility polish: conversion-accessibility-polish
- AI website builder or natural-language editor: agentic-site-building
- Product animation, scroll choreography, GSAP, or Three.js: product-motion-design
- Scalability, reliability, security, queues, caching, or production readiness: production-web-architecture
- Crawl, indexing, redirects, canonicals, sitemaps, or search-console failures: technical-seo-discovery

Load only the skill needed for the task. Read its SKILL.md first, then only the references it points to. Follow the skill's delivery contract and report what was actually verified.