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

Auto-invoke when reviewing JSX with interactive elements, forms, buttons, or navigation. Enforces WCAG compliance and in...

Load this skill immediately whenever a project contains an ACCESSIBILITY.md file, or whenever you are contributing to th...

Programmatic manipulation of the accessibility tree to support complex custom controls in React.

Run a hands-on accessibility pass on a web page or component - keyboard walk, focus visibility, names and roles, live an...

Accessibility patterns including WCAG 2.2 compliance, ARIA correctness, keyboard navigation, and screen reader compatibi...

Provides web accessibility best practices for semantic HTML, ARIA, keyboard navigation, color contrast, and screen reade...

Plan accessibility compliance - WCAG 2.2, Section 508, EN 301 549, inclusive design principles, audit planning, and reme...

Run a WCAG 2.2 AA accessibility audit on a design, mockup, prototype or rendered page and report findings without changi...

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this ac...

Skill dedicada a acessibilidade digital. Use quando precisar revisar WCAG, teclado, screen reader, contraste, semantica,...

Use when creating any user-facing interface, content, or experience to ensure accessibility for users with disabilities....

Audit web interfaces against WCAG 2.1 AA/AAA standards, identify violations, and produce actionable remediation reports...

When designing and implementing web interfaces to ensure they are usable by everyone.

This skill should be used when the user asks about "accessibility", "control scheme", "controller mapping", "difficulty...

Plans accessibility validation for web interfaces across semantic structure, keyboard operation, focus management, scree...

Build accessible web applications following WCAG 2.1/2.2 guidelines with proper semantic HTML, ARIA attributes, keyboard...

Procedures for ensuring WCAG 2.1 AA compliance.

This skill should be used when the user wants to build or fix accessible UI components or set up accessibility tooling —...

Design or refactor reusable web UI components, design tokens, and interaction states when keyboard, touch, focus, contra...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure accesskey values a...

Use ACE-Step API to generate music, edit songs, and remix music. Supports text-to-music, lyrics generation, audio contin...

Render music videos from audio files and lyrics using Remotion. Accepts audio + LRC/JSON lyrics + title to produce MP4 v...

Music songwriting guide for ACE-Step. Provides professional knowledge on writing captions, lyrics, choosing BPM/key/dura...

Generate song cover/thumbnail images using Gemini API. Creates artistic images suitable for music video backgrounds. Use...

Use when creating, wiring or fixing a Livewire 4 component in an Acorn app - make:livewire --class, app/Livewire, wire:m...

Use when generating a new artifact in an Acorn project - a Gutenberg block (ACF Composer acf:block, InnerBlocks, $styles...

Decide and take action when blockers appear. Use when tools are missing, installs are required, or the user expects proa...

Använd när du bygger en fristående klickbar länk med valfri vänster-/höger-ikon som INTE ligger i löptext — t.ex. "Visa...

Generate code scaffolds following Carbon ACX conventions for React components, TypeScript APIs, Cloudflare Workers, Pyth...

Expert UX evaluation and usability guidance for Carbon ACX interfaces using heuristic evaluation, cognitive walkthroughs...

Turn ranked creative directions (from winning-pattern-synthesis, or any selected evidence-backed angle/hook) into shoot-...

Write high-converting Meta (Facebook + Instagram) ad copy — primary text, headlines, descriptions, and UGC/video ad scri...

Expert in paid advertising across Meta (Facebook/Instagram), Google Ads, TikTok, LinkedIn, and YouTube. Specializes in a...

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience acro...

Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or to...

Adapter Layer 전문가. CommandAdapter(persist만, JpaRepository 1:1), QueryAdapter(4개 메서드, QueryDslRepository 1:1),AdminQueryA...

Adapt UI scheduling behavior dynamically based on runtime conditions and user context.

Applies AdaptiveX's official brand colors and typography to any sort of artifact that may benefit from having AdaptiveX'...

Add Arabic translations for new strings, following the project's Arabic-first conventions and IBM Plex Sans Arabic. Use...

Load this skill when adding or changing a component in an AG-UI canvas catalogue: a card, chart, or form the agent can p...

Scaffold a Supabase data entry form with validation, shift toggle, and glass-morphism styling

Scaffold a new tab page under an existing department route

Add a new interactive design tool under /tools (like the color converter or contrast checker) — component, page, navigat...

Write or update an illustrated documentation page in the SaaS Bootstrap Fumadocs site under docs/content/docs. Use for a...

Add a new visual effect to ProAnimate. Covers effect function creation, dispatcher registration, and style filter integr...

Implement comprehensive error handling for Python code paths to keep services resilient and user-friendly. Use when fail...

Add a new event type to the frontend feed system with corresponding React component. Use when user mentions "new event",...

Guide for implementing a new feature in ProAnimate. Covers types, store, service, panel, canvas layer, Remotion layer, s...