Каталог навыков агентов

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...

Use when theming Lightning base components or custom LWCs with SLDS Styling Hooks — CSS custom properties such as `--sld...

A songwriting agent for Suno AI that creates lyrics. Generates metatagged lyrics and style prompts based on theme, genre...

Review lyrics for quality issues before Suno generation

Write or review lyrics with professional prosody, rhyme craft, and quality checks

Generate song lyrics with citations from pinned sources. Enforces rhyme scheme, meter, syllable counts, hook strategy, a...

Bikin visual, animasi, diagram, slide, dan video retro dari teks. Semua tool di sini opsional — load cuma pas operator m...

Build and merge M4B audiobooks on Linux from multiple audio files or multi-part M4B sets, with chapter generation, metad...

Web3 frontend & UI — React, Tailwind, wallet connect, dApp interfaces, landing pages.

Design rules that make a SwiftUI app look and feel like a native Mac app on macOS 26 and later, from Apple's eight desig...

Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboar...

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, ma...

Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, t...

Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit. Use when a Mac app m...

当使用者说"用 MaestrWave 那套 UI"、"新项目的界面照着 MaestrWave 做"、"用我之前那套暗色衬线的风格"、"把这个项目的样式统一成我常用的那套"时使用。直接套用一套现成的深色衬线视觉系统：暖炭黑底 + 浅水蓝主色、...

Editorial magazine cover or poster with bold typography, asymmetric layout, and dramatic negative space. Use for "magazi...

生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂...

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Make a "magic moment" video — turn a creator's talking-head recording into a vertical video preserving the source narrat...

Next.js 16 portfolio with MDX blog/projects, Once UI, auto SEO, and endless theming.

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

Animated React, Next.js, and Tailwind CSS components designed for landing pages and modern products (Bento grids, Animat...

Use for Magic UI React components, animations, text effects, buttons, backgrounds, device mocks. Includes bento-grid, ma...

Keep Paperclip stories and their downstream catalog aligned with the feature map and production UI. Use to reconcile sto...

Periodic repository health check — install, full validation, unused-code scan, outdated/vulnerable dependencies, and doc...

Design and build a webhook-backed bot UI when the user requests one. Requires a verified backend endpoint and a supporte...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...

Step 2 of the AI Video Editor pipeline — build the visual beats (Remotion TSX shots) over a project's master cut and bak...

Load this skill when writing or reviewing component markup with interactive elements, images, forms, or navigation in an...

Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, lo...

Build a Vox-style LAYERED-COLLAGE vertical short end-to-end — script + scene dissection into image layers, layer product...

Systematic malware triage and initial assessment workflow for professional malware analysis. Use when the user needs to...

세션 변경사항을 분석하여 검증 스킬(verify-*) 생성/업데이트 및 프로젝트 지침 파일(기본 `AGENTS.md`)을 관리합니다. /manage-skills로 실행.

Operates as Aramaki Agent (Strategic Commander). Makes strategic decisions and delegates execution to Kusanagi. Handles...

Brief-before-generation system with locked design tokens and anti-slop enforcement for Loxihart and FlashFusion brand pr...

Audit an evaluation, benchmark, or scoring harness for leakage, answering whether outside ground truth actually enters o...

Tailwind CSS v4 integration and Island styling patterns for Mandu Framework

UI component library integration and accessibility patterns

React composition patterns for Mandu applications. Use when designing Island components, managing shared state, or build...

- taiyou-taiyo/content/creative/manga/production-guide.md

Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3)...

Trigger when: (1) User wants to create an educational/explainer video, (2) User has a vague concept they want visualized...

This skill should be used when the user asks to "create an animation", "make a manim video", "animate this concept", "vi...

Create mathematical animations using Manim (Community Edition or ManimGL). Includes best practices, examples, and rules...

Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3)...

Trigger when: (1) User mentions "manimgl" or "ManimGL" or "3b1b manim", (2) Code contains `from manimlib import *`, (3)...

React 19 admin dashboard with Material UI v7, Vite 7, and MUI X Charts.

Use when a built UI component or screen needs weighing against what it should be — whether phrased as /manwe <target> [<...

UI/UX product design - نقشه‌محور: پین، مسیر، آفلاین

Geração de peças gráficas vetoriais, layouts e banners programáticos em SVG e HTML/Canvas de alta precisão. Use quando f...

Constrói o front-end de fato do site (código/página) a partir da estrutura e conteúdo já definidos, para um cliente da C...

When the user wants to create, generate, or produce video content using AI tools or programmatic frameworks. Also use wh...