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

Create interactive visual prototype playground for user approval before technical decomposition. Use when asked to 'crea...

Vpc Network Designer - Auto-activating skill for AWS Skills.Triggers on: vpc network designer, vpc network designerPart...

Load when you need to know how ANY behavior of the VSA website is configured or toggled — frontend REACT_APP_* env vars,...

Covers Vue.js across supported versions (3.4, 3.5, and upcoming 3.6 Vapor Mode): the Proxy-based reactivity system, virt...

Vue 3 Composition API, Nuxt patterns, reactivity system, component architecture, and production development practices

Automatically validate Vue 3/Nuxt.js components meet WCAG 2.1 AA standards. Use when creating components, forms, buttons...

Vue Composable Creator - Auto-activating skill for Frontend Development.Triggers on: vue composable creator, vue composa...

Vue 3 SFC structure, Composition API + <script setup>, file naming, project layout, props/emits/slots typing, defineMode...

Professional Vue Craftsman Expert skill. Build accessible, performance-tuned, responsive UI components with clean design...

Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffol...

Vue.js ecosystem expert including Vue 3, Composition API, Nuxt, and Pinia

Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacit...

Composition API vs Options API

Expert guide for Vue 3 (Composition API), Nuxt 3, and Pinia. Covers advanced reactive state management, `<script setup>`...

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router...

Vue.js 3 Composition API patterns, component

Build Vue 3 components that render a 3D skill tree using Three.js and OrbitControls. Use when asked to visualize skills...

Generate Japanese-style (和風) CSS/design themes with CSS custom properties and Tailwind CSS support. 10 preset themes inc...

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, ty...

Find the right Grove-themed name for a new service or feature. Use when naming anything new in the Grove ecosystem. Invo...

Builds a stakeholder guided-tour over live sandbox prototypes — rail, plain-language copy, and per-step iframe deep-link...

Builds kinetic typography on Canvas 2D in which each sentence's verb deforms its own letters, with a swelling wave, a st...

Acts as a game master for a Warrior Cats-style simulation, managing clan creation, patrol logistics, and generating narr...

WooCommerce product-detail-page and add-to-cart correctness for the skyyrose-flagship theme — AJAX contract, variation f...

Build against the WooCommerce Store API (`/wp-json/wc/store/v1`) for shopper-facing products, cart, checkout, Cart/Check...

涵盖 WCAG 2.0、2.1 和 2.2 的专家级 WCAG（网页内容无障碍指南）顾问——W3C 国际无障碍标准。当用户询问 WCAG 成功标准、合规级别（A/AA/AAA）、无障碍审计、POUR 原则、无障碍声明、ARIA 模式、颜色对...

Apply WCAG to guide decision-making, structure analysis, and improve outcomes in relevant contexts.

UI must comply with WCAG 2.2 Level AA, as required by the European Accessibility Act (EN 301 549). Do not deviate withou...

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when au...

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when au...

WCAG 2.2 AA accessibility compliance patterns for web applications. Use when auditing accessibility or implementing WCAG...

This skill should be used when the user mentions "accessibility", "a11y", "WCAG", "ARIA", "screen reader", "keyboard nav...

Principio 4 de WCAG - compatibilidad con tecnologías actuales y futuras. Use cuando implemente HTML, ARIA, o componentes...

Principio 3 de WCAG - contenido comprensible para todos. Use cuando escriba contenido, diseñe flujos, o implemente compo...

Transform ideas into detailed visual specifications through scenario-driven design

Strategic UX designer and design thinking partner for WDS. Use when the user asks to talk to Freya or requests the WDS d...

Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking pr...

Build Shopify Hydrogen storefronts with Weaverse — components, schemas, loaders, theming, data fetching, React Router v7...

(ePost) Use when web accessibility issues arise — ARIA roles, keyboard navigation, focus trapping, alt text, contrast, s...

Build accessible web applications following WCAG guidelines. Use when implementing ARIA patterns, keyboard navigation, s...

WCAG, ARIA, keyboard navigation

Scroll and web animation: GSAP ScrollTrigger, Framer Motion, parallax, page transitions, micro-interactions, 60fps. Scro...

CSS Animation patterns - transitions, keyframes, scroll-driven animations, View Transitions API, GPU-accelerated propert...

Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks...

Motion (formerly Framer Motion) animation patterns - motion components, variants, gestures, layout animations, scroll-li...

Use when adding animations, transitions, or motion to web UIs. Covers library selection, CSS animations, Framer Motion,...

View Transitions API patterns - same-document transitions, cross-document MPA transitions, shared element animations, ps...

Arquitetura do frontend Smaug (web/) — camadas UI → hooks → services → infra, estrutura por feature, política de import...