Навыки: Дизайн

使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具套件。用于需要状态管理、路由或 shadcn/ui 组件的复杂工件—非简单单文件 HTML/JS...

To build powerful frontend claude.ai artifacts, follow these steps:

Suite of tools for creating elaborate, multi-component self-contained HTML artifacts using modern frontend web technolog...

Generate favicons, app icons, social media images with WCAG compliance

Web build & design specialist for NDestates-io marketing sites, SaaS landings, pricing pages, gated download portals, an...

Creates realistic cloud effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layerin...

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component arc...

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component arc...

Integrate custom elements seamlessly into the React virtual DOM reconciliation application.

Como escrever componentes de feature e formulários no web do Smaug — props XProps, apresentacional vs container de featu...

Native Web Components, Custom Elements, Shadow DOM encapsulation, and framework-agnostic UI libraries.

Creates reusable custom HTML elements using Web Components standards including Custom Elements, Shadow DOM, templates, a...

Route web design, motion, WebGL, and visual-styling requests into the narrowest matching sub-skill of the 79-skill MengT...

网页设计与部署。生成精美的单页 HTML 网页（报告、落地页、数据可视化等），支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、...

Use for web interfaces, landing pages, product sites, dashboards, React, Next.js, Astro, Tailwind, frontend audits, resp...

CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundam...

Reference for accessible, consistent, clean web design, spacing discipline, strong UX, and anti-AI aesthetics. ALWAYS re...

Review UI code for Vercel Web Interface Guidelines compliance

Web design guidelines for typography, color, spacing, layout, accessibility, and responsive design

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：L...

分析网页截图，提取设计系统（Design System）并生成结构化数据和可用的 AI Coding Prompt。适用于 UI/UX 设计师和前端工程师需要从现有网页设计中提取设计规范、配色方案、排版系统和组件风格的场景。

Review website and web app designs for usability, visual hierarchy, responsiveness, accessibility, and performance.

Resolve shared design intent and guidance.

Execute web design implementations from web-design-planner specs.

Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color,...

Revisar UI contra Web Interface Guidelines — accesibilidad, UX, best practices

UI/UX best practices and accessibility audit. Use when reviewing UI code, checking accessibility, running accessibility...

UI code review with 100+ rules for accessibility, performance, and UX

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit...

Visual inspection and code review for Web Interface Guidelines compliance. Triggers on "review my UI", "check accessibil...

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit...

[Frontend] Review UI code for web interface design compliance covering WCAG 2.2/3.0 accessibility, responsive design, pe...

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit...

Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing...

查看用户界面代码以了解Web界面指南合规性。在被要求“查看我的用户界面”、“检查辅助功能”、“审核设计”、“查看用户体验”或“根据最佳做法检查我的网站”时使用。

按 Web 界面指南审查 UI 代码。当用户要求「审查我的 UI」「检查无障碍」「审计设计」「审查 UX」或「按最佳实践检查站点」时使用。

Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"a...

Review UI code for web interface quality, accessibility, and frontend best practices. Compatibility skill kept for exist...

Audits UI code against modern Web Interface Guidelines for typography, interactive affordances, responsive layouts, cont...

Auditoria de qualidade de UX, acessibilidade (WCAG) e padrões de performance para sites e landing pages. Inspirada na su...

Build, improve, or review web and product interfaces as one coherent system across layout and optical balance, accessibi...

8 web design and frontend skills for Claude Code: algorithmic art, canvas animations, frontend design systems, GSAP anim...

> متى تُستعمل: "SchoolOS web UI: CSS layers, tokens, dark mode, RTL, HTMX, a11y. Trigger: CSS, template, component, layo...

Production-grade web application UI design based on Refactoring UI principles. ALWAYS activate for: landing page, dashbo...

Universal web design implementation methodology — BEM, responsive, accessibility, CSS architecture, spacing systems, dar...

Modern web application patterns — route-level data loading, streaming, cache invalidation, optimistic UI, cursor paginat...

Design patterns for website sections — heroes, cards, CTAs, trust signals, testimonials. Principle-based patterns that a...

Plan website/web app interfaces — layout, interaction, responsive design, component architecture.