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

Automated visual tuning: a vision or video model rates rendered variants in a loop. Render several labeled variants into...

An agent that analyzes the codebase to generate and manage Guidelines.md for Figma Make, designs prompt strategies, and...

Process a Loom share URL into multimodal context - downloaded video, sampled frames at one frame per 5 seconds, and the...

One sentence - what this skill does and when to invoke it

Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lo...

This skill should be used when the user asks to "add a Lottie animation", "play a .lottie or .json animation", "integrat...

Search, fetch, and integrate free Lottie animations into React, React Native, Vue, Svelte, Angular, Flutter, and Vanilla...

Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted...

Builds an exploding-word type loop on Canvas 2D, in which a short sentence types itself onto paper word by word with an...

Ensure all Lovable UI generations meet WCAG 2.1 AA/AAA accessibility standards with contrast, semantic HTML, keyboard na...

Add sophisticated, choreographed animations and micro-interactions to Lovable UIs with precise timing, sequencing, and s...

Enforce consistent brand identity across all Lovable UI generations with design tokens, component rules, typography scal...

Generate data-rich, interactive analytics dashboards in Lovable with advanced chart layouts, real-time patterns, KPI car...

Generate high-converting, visually rich e-commerce UIs in Lovable with product layouts, cart interactions, checkout flow...

ランディングページの設計・構成スキル。オプトイン/セールス/漫画LPに対応。 Use when: (1) user says「LP設計」「ランディングページ」「漫画LP」, (2) user wants landing page struc...

Translate a feature requirement into a concrete frontend design specification mapped to the design system, theme tokens,...

Visual brand identity for new startups (ASSESSMENT-11). Reads brand-strategy artifact and produces brand-dossier with co...

Logo design brief for new startups (ASSESSMENT-14). Synthesises brand identity dossier, brand profile, and product namin...

Packaging design brief for new startups (ASSESSMENT-15). Conditional on physical-product profile. Reads brand identity,...

Guides distinctive, intentional frontend visual design. Use when shaping UI aesthetics, typography, layout, color, inter...

Guides distinctive, intentional frontend visual design. Use when shaping UI aesthetics, typography, layout, color, inter...

Project-aware shadcn/ui guide. Use for shadcn setup, components, CLI/MCP, registry, theming, forms, Radix/Base UI, alias...

Project-aware shadcn/ui guide. Use for shadcn setup, components, CLI/MCP, registry, theming, forms, Radix/Base UI, alias...

Guide Tailwind CSS best practices. Use for utility-class architecture, responsive design, theming, component styling, an...

Guide Tailwind CSS best practices. Use for utility-class architecture, responsive design, theming, component styling, an...

Guide creation of rich HTML/React web artifacts. Use for self-contained interactive artifacts, prototypes, dashboards, a...

Channel the Seven Luminors - archetypal guides for creative challenges including Valora (courage), Sophron (wisdom), Kar...

Build a page or fill in Lumos for Astro variables from a Figma file, especially a messy one missing global variables. Us...

Move a site built in Webflow onto Lumos for Astro. Use when someone wants to migrate, port, rebuild or escape a Webflow...

Build a graphic that scales as one piece like an image, but is made of real elements so its parts can be swapped, recolo...

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.

Luxury streetwear design taste for SkyyRose surfaces — visual hierarchy, restraint, materials, motion, and imagery treat...

Multi-disciplinary premium frontend skill used to build elegant, high-end websites with minimal layouts, serif typograph...

Build luxury Remotion overlay edits for long-form talking-head videos. Use when Codex needs to turn an Agent Zero edited...

Expert guidance for LVGL 9.4 - a light and versatile embedded graphics library. Use when working with LVGL UI components...

Use when designing or reviewing Lightning Web Components for keyboard access, semantic labeling, focus management, scree...

Use when designing or reviewing LWCs for keyboard access, semantic labeling, focus. Triggers: LWC accessibility, keyboar...

Styling LWC components — SLDS design tokens, --slds-c-* styling hooks, scoped CSS via shadow DOM, ::part() for restyling...

Custom lookup component in LWC — typeahead/autocomplete that searches records via Apex SOSL/SOQL, shows pills, supports...

Use when designing or reviewing `lightning-datatable` usage in Lightning Web Components, including column configuration,...

First-time lightning-datatable setup — columns, key-field, basic sort, row actions. Triggers: lightning-datatable basics...

Isolate component errors so one failure does not blank an entire page using errorCallback and graceful fallbacks. NOT fo...

Isolate component errors so one failure does not blank an entire page using errorCallback and graceful fallbacks. NOT fo...

Call Apex methods imperatively from LWC — on button click, lifecycle hooks, or conditional logic. Covers import syntax,...

Use when an LWC must create, update, or delete records via Lightning Data Service (`lightning/uiRecordApi` — `createReco...

Use when choosing or reviewing overlay patterns in Lightning Web Components, especially `LightningModal`, confirmation d...

Use when designing or reviewing Lightning Web Components for slow initial load, heavy rerenders, large-list rendering, p...

Use when building a Lightning Web Component that runs from a record page quick-action button — either a screen action th...