Frontend & Design · Playwright · For designers

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Batch-scan Langflow frontend routes for accessibility issues using the Python IBM Equal Access scanner (scripts/a11y/a11yscan.py) and produce JSON/Markdown/HTML reports.

langflow-ai/langflow

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

senlindesign/taste-skill

Reference guide for writing and running Langflow frontend accessibility tests with axe (Jest) and IBM Equal Access (Playwright page.runA11yScan).

langflow-ai/langflow

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright.

elvisun/newsjack

Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element.

avelikiy/great_cto

Check that a web page you wrote or changed actually works, by opening it in a browser and driving every control on it.

awss1i/assay

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI.

cursor/plugins

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…

elastic/kibana

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Test for WCAG 2.2 AA compliance with axe-core + Playwright, keyboard navigation audits, screen reader testing, ARIA pattern validation, and legal compliance mapping (ADA, EAA, Section 508).

petrkindlmann/qa-skills

Find, install, and configure OpenCode plugins from the catalog or community.

IgorWarzocha/Opencode-Workflows

Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need.

plugin87/ux-ui-agent-skills

Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery.

SourceWeft/SourceWeft

Accessibility testing for web applications using Playwright (@playwright/test), TypeScript, and axe-core.

fugazi/test-automation-skills-agents

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

Reverse-engineer a design system from a live website (public URL or localhost).

espennilsen/pi

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

lintendo/Axhub-Skills

Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke checks, form and auth-flow interaction…

affaan-m/ECC

Entry point to a bundle of product design workflows covering context, research, audits, ideation, URL or image to code, design QA and sharing a prototype.

XiaomiMiMo/MiMo-Code

Extract structured data from any web page using Playwright — screenshots, design tokens, page text as Markdown, interactive element maps, and full page data packs.

lintendo/Axhub-Skills

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

A skill your agent uses when a task changes any screen, form, dialog, menu or control - Lighthouse/axe scan of the changed screens, a keyboard walk, and the thresholds that fail a task

makifbaysal/tasktrooper

Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.

IgniteUI/igniteui-webcomponents

Automated UI/UX + accessibility audit for the ClickHouse Monitor dashboard (apps/dashboard-tsr).

chmonitor/chmonitor

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

jezweb/claude-skills

Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations.

jezweb/claude-skills

Generate marketing screenshots of your app using Playwright.

aiskillstore/marketplace

Build and verify interactive HTML experiences in Web Studio's live, sandboxed preview.

autonomous-ai/openharness

Generate marketing screenshots with Playwright. An agent skill from nexu-io/open-design.

nexu-io/open-design

Validate WCAG compliance and accessibility standards (ARIA, keyboard navigation).

jeremylongshore/tons-of-skills-marketplace

Playwright-based visual validation procedure for Envilder website changes.

macalbert/envilder

Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep.

daymade/claude-code-skills

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Make UIs responsive across all devices and verify responsiveness using Playwright.

bitovi/ai-enablement-prompts

Compare a baseline URL against a dev or Storybook URL by taking Playwright screenshots at multiple breakpoints, running a pixel-level image diff, and reporting results to guide style and HTML…

bitovi/ai-enablement-prompts

Reviews the design of an existing Power Pages site - a live URL or a local project folder - and recommends what to change, without modifying anything.

microsoft/power-platform-skills

Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI.

CraftOS-dev/CraftBot

Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the…

spencerpauly/awesome-cursor-skills

Standardizes visual audits, responsive design, and behavioral testing for web apps.

HoangNguyen0403/agent-skills-standard

Build and maintain web frontends — component architecture, state management, API integration, responsive layout, client-side performance, and frontend testing patterns.

magnus919/agent-skills

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the…

magnus919/agent-skills