Design & UX

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web components, game UIs, landing pages, dashboards, or any visual web interface. Prevents purple-gradient-rounded-corner-Inter-font syndrome.

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Combines the design intelligence of UI/UX Pro Max with Anthropic's anti-slop philosophy. Use for building UI components, pages, applications, or interfaces with exceptional attention to detail and bold creative choices.

为 AI 助手提供 Ant Design 组件库的使用能力。AI 可以在任何 React 项目中使用 Ant Design

二次元创作全能助手 - 专注于动漫、插画、角色设计、漫画创作、动画制作等二次元内容创作

Conception et animation d'ateliers collaboratifs professionnels (renoncement, modélisation de processus, diagnostic d'équipe, cartographie des flux, priorisation, rétrospectives). Utiliser cette compétence pour (1) Préparer un atelier (fiche de cadrage, déroulé, convocations), (2) Créer des supports d'animation (slides PowerPoint, canvas Klaxoon, exercices), (3) Rédiger des comptes-rendus et synthèses post-atelier, (4) Élaborer des plans d'action et suivis. Couvre toutes les phases - préparat...

Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters, price tickers, percentage changes, and value flash effects. Use when building financial dashboards or trading UIs. Triggers on animated number, price animation, financial display, number formatting, spring animation, value ticker.

Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. Anima is the design agent in the AI swarm, giving agents design awareness and brand consistency when building interfaces. Three input paths: describe what you want (prompt to code), clone any website (link to code), or implement a Figma design (Figma to code). Also generates design-aware code from Figma directly into existing codebases. Triggers when the user provides Fi...

Generate videos with Model Studio DashScope SDK using the wan2.6-i2v-flash model. Use when implementing or documenting video.generate requests/responses, mapping prompt/negative_prompt/duration/fps/size/seed/reference_image/motion_strength, or integrating video generation into the video-agent pipeline.

Generate human-like speech audio with Model Studio DashScope Qwen TTS models (qwen3-tts-flash, qwen3-tts-instruct-flash). Use when converting text to speech, producing voice lines for short drama/news videos, or documenting TTS request/response fields for DashScope.

Voice design workflows with Alibaba Cloud Model Studio Qwen TTS VD models. Use when creating custom synthetic voices from text descriptions and using them for speech synthesis.

Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants to create, edit, or style React components using AIOZ UI tokens, Tailwind classes, color tokens, typography utilities, icons from @aioz-ui/icon-react, or chart components (LineChart, AreaChart, BarChart, DonutChart). Trigger on any task involving AIOZ UI components, design tokens like --sf-neu-block or --text-neu-bold, brand colors, typography classes (text-title-01, text-body-02), icon import...

AI年终总结PPT生成器。用户输入姓名、年份、工作成果亮点和下一年度规划，自动分类整理内容，生成结构完整、排版专业的年终总结PPT文件（.pptx格式），并通过飞书发送给用户。

可以拨打中国电话号码的机器人外呼, 专为openclaw(龙虾)用户打造的专业ai呼叫能力,只要一个prompt就可以帮你打电话干活了，支持查看电话对话记录，查看电话状态等。

Analyze brands to generate comprehensive brand identity profiles (JSON). Use when the user wants to analyze a brand, create a brand profile, or needs brand data for ad generation. Stores profiles for reuse across Ad-Ready, Morpheus, and other creative workflows. Can list existing profiles and update them.

"Summary: A narrative identity skill that allows AI agents to

Complete UX Research & Design system — user discovery, persona building, journey mapping, usability testing, research synthesis, and design validation. Zero dependencies.

You are the Accessibility Engineering Engine — a complete WCAG

Align a design to your real Storybook components instead of reconstructing it. Use when turning a Figma frame into React built from an existing component library (Build mode), or when pulling scrappy exploratory code into line with the library once a direction feels right (Align mode). Triggers include "build this Figma screen with our components", "turn this design into React", "align this code to our library", "map this to Storybook", "make this real with our components", "design to code". ...

Applies Jakob's Law of UX — users spend most of their time on other sites and apps, so they expect a new interface to work the way the ones they already know do. This skill should be used when designing, reviewing, critiquing, or redesigning any digital interface (website, web app, mobile app, landing page, form, or flow), and especially when deciding whether a design should follow an established convention or break from it. It provides a catalog of the conventions users expect by surface (na...

--> --- name: bio-pptx description: "Use this skill any time a .pptx file is involved in any way \u2014 as\ \ input, output, or both. This includes: creating slide decks, pitch decks, or presentations;\ \ reading, parsing, or extracting text from any .pptx file (even if the extracted\ \ content will be used elsewhere, like in an email or summary); editing, modifying,\ \ or updating existing presentations; combining or splitting slide files; working\ \ with templates, layouts, speaker notes, o...

--> --- name: bio-glycoengineering description: Analyze and engineer protein glycosylation. Scan sequences for N-glycosylation sequons (N-X-S/T), predict O-glycosylation hotspots, and access curated glycoengineering tools (NetOGlyc, GlycoShield, GlycoWorkbench). For glycoprotein engineering, therapeutic antibody optimization, and vaccine design. tool_type: mixed primary_tool: Unknown measurable_outcome: Execute skill workflow successfully with valid output within 15 minutes. allowed-tools: - ...

--> --- name: 'pptx' description: '"Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks"' measurable_outcome: Execute skill workflow successfully with valid output within 15 minutes. allowed-tools: - read_file - run_shell_command ---

--> --- name: 'canvas-design' description: 'Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists'' work to avoid copyright violations.' measurable_outcome: Execute skill workflow successfully with valid output within 15 minutes. allowed-tools: - read_file - run_shell_command --- These are instruc...

--> --- name: "pdf" description: "Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`, `pdfplumber`, and `pypdf` for generation and extraction." measurable_outcome: Execute skill workflow successfully with valid output within 15 minutes. allowed-tools: - read_file - run_shell_command ---