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

End-to-end UI generation: ingest a wireframe (.excalidraw / PNG) plus design references (images / links), derive a desig...

Audit a Studio UI, prototype or system preview against its applicable design system.

Load this skill when a UI change must not change how it looks, or only where intended (a migration, CSS refactor, or lib...

Använd när du bygger eller granskar checkboxar — ljusläge (standard och detaljerad tabell-ikon-variant) och mörkt läge (...

Builds a Canvas 2D checkerboard in which three flat scenes replace each other by conveyor, each of nine rows sliding one...

"C#, WPF, AvaloniaUI 코딩 전 확인 체크리스트"

Chemistry expert covering organic, inorganic, physical chemistry, lab safety, and experimental techniques

Use when Cherry Studio 用户希望报告、提交或整理 BUG、UI/UX 问题或功能建议，但未明确要求创建 GitHub Issue。

中式 DESIGN.md 设计系统。当用户要"中国风网页""国风页面""中式设计系统""给项目定个中式风格""DESIGN.md""让 AI 按设计规范生成界面""中文网页排版规范"时使用。提供 8 套可直接丢进项目根目录的 DESIGN....

分章节创作引人入胜的中文小说。支持各种题材（悬疑/言情/奇幻/科幻/历史等），支持10-50章长篇创作，每章3000-5000字，结尾设置悬念钩子。强调深度润色去除AI痕迹，确保文字自然流畅。 当用户要求：写小说、创作故事、分章节写作、连续...

中文排版规范助手。当用户要"排版""中文网页样式""文章排版""公众号排版""PDF/Word 排版""字体怎么选""中英混排""为什么我的中文网页很丑"时使用。处理中英间距、标点、行高、字体栈、CJK 断行等中文特有问题，输出可直接用的...

中式网页主题库。当用户要"中国风网页""国风网站样式""古风博客主题""中式配色 CSS""水墨风页面""新中式网页""给网站换个中国风皮肤"时使用。提供 8 套可直接引入的 CSS 主题，内置中文排版规范。

Import Chinese language works into Zotero with proper pinyin transliteration and translations following Chicago style gu...

Compose full-length (~1.5 minute) chiptune songs in the audio tracker's compact JSON format. Supports RPG battle themes,...

Meta-agent that analyzes tasks and recommends optimal skill combinations with Feynman-style explanations. USE WHEN feeli...

Use this skill to decide when Jetpack Compose derivedStateOf is the right tool and when it is pure overhead. Covers the...

Coordinate several elements that animate together — decide what moves, in what order, how much they overlap, and what st...

This prompt instructs an AI image generator to create an ultra-realistic, high-end 8K Christmas portrait by using a user...

Builds a WebGL glow effect in which one bold word blooms on a coloured wall and its halo splits into a warm, a cool and...

Design system patterns, W3C DTCG 2025.10 token architecture, WCAG 2.2 accessibility standards, and Figma MCP workflows f...

Search and generate icons for Chrome browser extensions. Automatically downloads SVG icons from Iconify (275,000+ free i...

Build Chrome extensions using WXT framework with TypeScript, React, Vue, or Svelte. Use when creating browser extensions...

Project-agnostic guidance for AI assistants using Chronicle. Provides search-first directives, best practices, and workf...

Guide developers through CI/CD pipeline design including architecture patterns, stage design, and security consideration...

Create paper and proposal figures guided by confirmed visual preferences and efficient use of page space. HTML mockups f...

Systematic extraction and critical analysis of a Confidential Information Memorandum, identifying deal thesis, EBITDA br...

Extract cinematic entities from narrative text. Use when analyzing cutscenes, camera paths, transitions, fades, flashbac...

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, crea...

Dark cinematic landing system — looping Pexels MP4 background + liquid-glass UI + Instrument Serif italic typography + F...

Genre pack: the site-of-the-day aesthetic — the page as a film projected on studio print. Warm paper canvas, near-black...

This prompt instructs an AI to generate a photorealistic, cinematic overhead streetwear campaign image of a model standi...

Design, build, critique, or polish cinematic websites with a product-specific visual world, semantic tokens, purposeful...

Design the MANDATORY cinematic scroll experience (every blog ships one): a full-bleed, scroll-driven background — primar...

Master cinematography principles including shot composition, camera angles, movements, and visual storytelling technique...

Direct, build and render premium cinematic motion design from code — launch films, product and feature videos, looping f...

Corporate Identity Program design with 50 deliverables, 20 styles, 20 industries. Generate CIP mockups with Gemini Nano...

Systematic analysis of DC and AC linear circuits using Ohm's law, Kirchhoff's laws, node and mesh methods, Thevenin and...

무한 루프 및 토큰 폭주 방지를 위한 서킷 브레이커. Use when (1) 재귀 깊이 초과,(2) 동일 에러 반복, (3) 동일 파일 반복 수정, (4) 세션 시간 초과.

Generate branded AI avatar lip-sync video shorts for TikTok, Reels, and YouTube Shorts. Create 15-second talking-head vi...

ALWAYS activate this skill before implementing EVERY feature, plan, or fix.

Best practices for Remotion - Video creation in React

Build Shopify apps, extensions, themes with Shopify CLI. Use for GraphQL/REST APIs, Polaris UI, Liquid templates, checko...

Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, respons...

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

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate...

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), C...

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS util...

Frontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of...

Improve unclear interface copy, labels, errors, help text, empty states, confirmations, and navigation wording. Use when...

Decomposes underspecified design requests by classifying gaps (missing brand context, visual ambiguity, false premises,...

Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and...

UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request. Use...

Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Us...

Hard discipline for clarifying with the user: one question per turn until shared understanding; walk the decision tree b...

Design or assess the interface and interaction needed by a specific issue. Use for user flows, screen states and accessi...

Investigate and implement a scoped web frontend issue in its verified worktree. Not for backend/mobile ownership, automa...

Guides sentence- and word-level clarity so meaning survives the reader: build on the audience's schemas, distinguish nec...

Facilitates structured single-persona or multi-persona consultation for strategy, product, engineering, operations, and...

Read and change the classic Workflow engine (wf_workflow, wf_workflow_version, wf_activity, wf_transition, wf_context) —...

Use when designing or building a website, landing page, Framer template, pitch visual or brand system in the "classical...

Expert in classical Japanese literature from Heian period to Edo period including 古文 grammar and literary analysis

Classify services into Löwy's architectural layers (Client, Manager, Engine, ResourceAccess, Resource, Utility) and vali...

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivo...

Claude Code CLI（Anthropic）を使用してコードや文言について相談・レビューを行う。 トリガー: "claude", "claudeと相談", "claudeに聞いて", "コードレビュー", "レビューして" 使用場面...

claude-design — Design one-off HTML artifacts (landing, deck, prototype).

Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component f...

Design one-off HTML artifacts (landing, deck, prototype).

Use when generating, prototyping, or iterating on UI designs (prototypes, wireframes, slide decks, landing/dashboard moc...

Audit a website or UI and de-AI it — find the patterns that make it look template-generated (in both design and copy) an...

Design toolkit: UI/UX, themes, brand guidelines, and generative art.

Use when the user wants Claude Design or `DESIGN.md` workflow help: pick an aesthetic family, derive a `DESIGN.md` from...

Premium design system harness for Claude Design Web that maintains context, tokens, and component fidelity across sessio...

AI-powered design-to-code engine that generates production-ready UI components from natural language using Claude API

Install and customize the reverse-engineered Claude Design system prompt to turn any LLM into an opinionated, accessibil...

AI UI/UX framework for building Claude-powered apps with React, Tailwind, screenshot-to-code, and Artifacts-style compon...

Run an autonomous radio DJ session using Strudel live-coded music. Use when the user wants to play music, DJ, live code...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Use when brainstorming product names, company names, or brand names. Based on David Placek's Lexicon Branding methodolog...

Design and build interfaces in the calm, warm, typography-led style popularised by Claude-style assistants — content-fir...

AI 3D model generation agent. Generates text-to-3D and image-to-3D code (Python/JS/OpenSCAD) using Meshy/Tripo/Hunyuan3D...

Send your first record to Clay and get enriched data back. Use when starting a new Clay integration, testing webhook set...

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

Soft 3D, puffy elements with inner and outer shadows for a playful, tactile feel.

Web and App implementation guide for Claymorphism. Trigger when user wants soft 3D elements, rounded shapes, and a playf...

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutte...

Detect unnecessary files and provide cleanup recommendations

Clerk — authentication and user management with sign-in/sign-up, middleware, organizations, webhooks.

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for...

Customize Clerk component appearance - themes, layout, colors, fonts, CSS. Use for appearance styling, visual customizat...

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Rout...

Set up Clerk authentication in any project with the Clerk CLI and official framework quickstarts. Use when adding Clerk,...

Use this skill when building command-line interfaces, designing CLI argument parsers, writing help text, adding interact...

Use when the user wants to create, inspect, restyle, rebuild, clone, configure, or publish a native Clickmax-hosted page...

Guide for implementing client-side state management in React applications. Use when building state architecture, selecti...

When to reach for Zustand vs React Context for client-only UI state, and the store slice convention used in this templat...

Use this skill when configuring duplicate detection for Health Cloud patient records, managing Person Account merges in...

视频剪辑全链(download → transcribe → plan → cut → translate → karaoke)

Integrates Clix Mobile SDK into iOS, Android, Flutter, and React Native projects. Provides step-by-step guidance for ins...

HTTP client for Clojure and Babashka built on java.net.http. Use when making HTTP requests, working with REST APIs, down...

High-fidelity website/app clone design pipeline. Use when asked to clone, replicate, copy, or recreate any existing webs...