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

Use when designing the page-level layout of an Avalonia app — responsive breakpoints, sidebar vs top-nav vs bottom-nav,...

Use when adding animation, hover/press feedback, page transitions, list-item entrance, or honoring reduced-motion in an...

Use when the user wants to see and choose between visual design alternatives for an Avalonia app before implementation —...

Use before merging a PR or shipping a release of an Avalonia app — exhaustive pre-delivery checklist covering visual qua...

Use when choosing or configuring a theme library for an Avalonia app (FluentTheme, FluentAvalonia, SukiUI, Semi.Avalonia...

"AvaloniaUI 솔루션 및 프로젝트 구조 설계 가이드"

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gr...

Avoid unexplained hard-coded widths, heights, and offsets in UI layouts. Use when implementing or reviewing fixed dimens...

Gaming landing page with GSAP scroll animations, 3D effects, and video storytelling.

Use ready-to-use DESIGN.md files to scaffold complete design systems in Claude Design with colors, typography, component...

115 brand-themed HTML design references for Claude Code — talk naturally ("Linear-style page", "飞书风的页面") to apply real b...

Apply production-grade brand design systems from 70+ top companies (Apple, Stripe, Linear, Vercel, Airbnb, Ferrari, Figm...

Curated collection of 73 production-grade DESIGN.md files extracted from real developer-focused websites. Drop any DESIG...

Primary design skill — the default for ALL design tasks across every project. Loaded automatically whenever a design, UI...

Generate accurate Japanese UI with proper CJK typography using DESIGN.md specifications for 186+ Japanese web services

Pull and use curated DESIGN.md and SKILL.md files for AI-powered design systems and agentic workflows

Creates professional AWS architecture diagrams in draw.io XML format (.drawio files) using official AWS Architecture Ico...

Apply Awwwards-winning design principles. Use when designing UIs, creating frontends, or improving visual design. Trigge...

Designer portfolio with Locomotive Scroll, GSAP, and Framer Motion animations.

Audits agentic products for tool parity, authority, approval payloads, recovery, and trust using 24 rules and a ship ver...

Use when enforcing Axel's coding standards across any language for architecture, reuse, imports, and maintainability, pl...

Use when implementing, reviewing, or debugging Apple Liquid Glass: iOS 26+ adoption, Regular vs Clear variants, tinting,...

Expert guidance for fine-tuning LLMs with Axolotl - YAML configs, 100+ models, LoRA/QLoRA, DPO/KTO/ORPO/GRPO, multimodal...

Build Ayla SaaS admin dashboard screens using the blue-accented admin design system. Use when the user asks for Ayla, an...

Frontend design-standard authoring for creating or refreshing `docs/DESIGN.md` from user descriptions, attached images o...

Draw formal or editable technical diagrams in draw.io from explicit facts, such as cloud or network topology with offici...

Sketch conceptual, whiteboard, and explanatory architecture, workflow, data-flow, and lifecycle diagrams in Excalidraw t...

Context-aware frontend/UI implementation for pages, layouts, components, styling, responsive behavior, interactions, and...

Business analysis methodologies, requirements engineering, RACI matrices, user stories for Pulse Radar.

A guide to using babashka.fs.

Compile story ideas, reference assets, or full screenplays into concise Seedance 2.0 single-shot prompts and self-contai...

Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, brows...

Backend development with Node.js, Express, NestJS, and server patterns

server APIs and business logic. Primary owner: backend implementation. Do not use for: frontend UI. Use when this role i...

Design and implement RESTful API endpoints following REST principles with resource-based URLs, appropriate HTTP methods,...

Design robust, scalable backend architectures that complement Design OS frontend components. Use this skill when plannin...

Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend,...

Master guide for modern backend runtimes and frameworks. Covers NestJS, Deno, Payload CMS, and server-side TypeScript pa...

Master Node.js, Express, PHP, Laravel, Java, Spring Boot, API design, and database integration. Build scalable APIs and...

Check for in-progress work on session start. Use when beginning a new session in a project with backlog.org. Triggers au...

Help backport PRs to release branches using the backport CLI tool. Use when backporting changes that have merge conflict...

Generate enterprise-grade web applications using Backstage Design System. Create admin dashboards, developer tools, and...

Create encrypted, verifiable backups with proof receipts (BLAKE3 + ROOT.txt) and mandatory restore drill. Uses age encry...

Använd när du bygger en icke-interaktiv status- eller etikett-indikator (Badge) — t.ex. "Ny", "Uppdaterad", "Arkiv", rol...

Builds a DOM pointer trail that drops tiny uppercase monospace badges of design terms behind the cursor, each on a slowl...

当 Codex 需要为 Baku/Basic-XYZ 个人品牌构建 HTML 页面、个人网站、教程页、介绍页、landing page、App 型页面、作品集、图文卡片、小红书卡片，或需要根据品牌 DNA 与多套页面风格设计/更新个人虚拟形...

Los usuarios ignoran elementos que parecen anuncios. Use cuando diseñe CTAs, notificaciones importantes, o elementos pro...

Create banners using AI image generation. Discuss format/style, generate variations, iterate with user feedback, crop to...

Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-...

制作横幅、封面与社交图片，结合 imagegen 素材、可编辑排版及导出检查。

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI...

Använd när du bygger en sidövergripande banner-notifikation längst upp på sidan (drift/underhåll/kampanj), inklusive Sys...

Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aid...

Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Pale...

Knowledge comics (知识漫画): educational, biography, tutorial.

Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed pane...

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and...

Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing p...

Run Claude Design locally as an Agent Skill to produce polished UI mockups, prototypes, decks & wireframes as self-conta...

Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, struct...

Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style...

Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10...

Constructs detailed outlines for hypothetical episodes of 'Barnet Fair', a 1970s British children's show, ensuring age-a...

Specialized agent for BarqNet client application development across Desktop (Electron/TypeScript), iOS (Swift), and Andr...

Use when writing or repairing a test that guards a public barrel — an index that re-exports components and their prop ty...

Use when creating ASCII art to guide your artistic approach

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a...

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patte...

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patte...

Enforces an opinionated UI baseline to prevent AI-generated interface slop.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patte...

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

This prompt instructs an AI to create a realistic product-style concept render of a 1/7 scale commercial figure based on...

The batch is the atomic unit - UI patterns centered around batch management

Use when a list of open GitHub issues has to be filtered before automated or batch implementation — separating issues al...

Engineering judgment for code write/refactor/test and frontend UI. Trigger on code review, legacy cleanup, tests, UI wit...

Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internat...

Master of low-and-slow BBQ, smoking techniques, rubs, and regional American BBQ styles

Entry point for the BDB Agent OS suite installed as a Claude Code plugin. Use to find out which of the 200+ AOS skills,...

Use when choosing an animation engine, defining motion tokens, adding scroll effects or micro-interactions, or auditing...

Combines multi-agent brainstorming, the /grill-me slash command, and the 3 Core Godmodes (godmode-engineering, godmode-u...

Write disciplined Behavior-Driven Development specs and tests with Gherkin / Cucumber. Use whenever the user mentions BD...

Beamix billion-dollar-feel design rules: color palette v4.0 (blue #3370FF accent), typography system (InterDisplay + Int...

16ステップビートシーケンサー。スタイルプロンプトから JSON / MIDI / WAV / MP3 を生成する。

Generates Instagram Reels where product image cuts are synced to audio beats. Accepts audio as a local file, URL, or sea...

BeatLab JSON contract for 16-step (0-15) pianoSequence & drumSequence. Use when generating or editing beats.

Deterministic BeatLab pipeline utilities (validate, render grid, export MIDI/WAV). Use for running scripts instead of re...

Use when asked to make a UI, page, or component more visually compelling — "sexier," more polished, more UX-savvy, or wh...

Fixes small mistakes in an existing UI without changing its design: spacing and font sizes that are off the scale in DES...

Use when the user wants to design, redesign, build, critique, audit, polish, theme, animate, adapt, or otherwise improve...

Places TypeScript types and interfaces for the Beautyline webapp domain, Mongoose models, and React props. Use when addi...

Tailwind layout, Section wrapper, shared Button, cn() merging, and global CSS tokens for the Beautyline webapp. Use when...

Use when showing a visual change to Cristian - before/after comparisons, galleries or contact sheets of screens, portrai...

Load this skill when writing, reviewing, or interpreting behavioral accessibility automation — tests that manipulate a r...

Bence's code style, tech stack, and workflow conventions

Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. A...