В каталоге 183 730 навыков в 14 категориях.
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer,...
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when writing GSAP code in React or Next...
Complete GSAP and ScrollTrigger patterns for scroll-driven animations. Use when building scroll storytelling, section pi...
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web a...
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building scroll-bas...
Animación web con GSAP 3 + ScrollTrigger + Lenis: entradas al hacer scroll, pin/scrub, parallax, scroll horizontal, reve...
Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animatio...
Generate UI design contract (UI-SPEC.md) for frontend phases
Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would...
GStack design plan review for user journey, layout, interaction model, responsive behavior, accessibility, and visual ri...
Comprehensive design principles and best practices for creating beautiful, functional GUI applications including dashboa...
LLM Memory 完整使用指南 - 使用 llm-memory MCP 工具时必须调用此 Skill。提供计划(Plan)、待办(Todo)、记忆(Memory)的完整管理指南,包括新对话初始化、项目规划、任务管理、知识记录等工作流。U...
Guided, brand-aligned marketing videos rendered with Helios — promo or hype, explainer or walkthrough, product demo or f...
Apply OpenEd's visual brand identity to presentations, websites, and digital materials. Specifies colors, typography, sp...
生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT(单 HTML 文件),含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT,或提到"杂...
生成横向翻页网页 PPT(单 HTML 文件),含 WebGL 背景、章节幕封、数据大字报、图片网格等模板。提供两种风格:① "电子杂志 × 电子墨水"(衬线 + 流体背景 + 暖色) ② "瑞士国际主义"(无衬线 + 网格点阵 + IKB...
国潮/国风视觉生成助手。当用户要"国潮风""中国风插画""国漫风格""水墨风""新中式设计""古风头像""国风配图""汉服插画""传统文化海报"时使用。内置 12 种中国美学画风配方,输出可直接复制到 Midjourney/即梦/可灵/Na...
国风 3D 网页渲染。当用户要"水墨风 3D""中国风网页特效""Three.js 水墨""国风 H5""青绿山水 3D""非真实感渲染 NPR""古风 WebGL"时使用。提供可运行的中式渲染 shader 与实现方法,不是通用 Thre...
Write MiniMax H3 prompts for T2VA, I2VA, FL2VA, L2VA, and Ref2VA using the required audiovisual fields, keyframe alignme...
Beautiful, copy-paste-ready Home Assistant dashboard designs with complete CSS themes, card-mod styles, and button-card...
Create Home Assistant Lovelace dashboard cards programmatically with static titles, color gradients, and section organiz...
Create minimalist, mobile-first Home Assistant dashboards using the Mushroom cards ecosystem (13+ card types) with card-...
Challenge mode reviews - rigorous questioning before approving changes. Use when you want thorough scrutiny of coordinat...
Home Assistant integration design — config-entry-backed components, async_setup_entry/async_unload_entry symmetry, typed...
Build ha-frontend Lit components: async data via @lit/task, WebSocket subscriptions for real-time (hass.connection / src...
Inspect ha-frontend Lit component reactive properties/state for unnecessary re-renders — per-hass work not gated on the...
Plan a hackathon, either from a team's real backlog or as open-ended creative play with Claude Code. Use when a champion...
Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design som...
审查页面视觉层级与结构,重设计或分析参考页面/截图;用于页面视觉改进。
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use w...
Applies opinionated anti-AI-slop design rules so generated UIs look made, not generated: greenfield pages, audits, redes...
AIのハルシネーション(幻覚・誤情報生成)を防止するスキル。プロンプトレベル、パラメータレベル、検証レベルの3層防御により、信頼性の高いAI出力を実現。Anchors:• Thinking, Fast and Slow (Daniel Ka...
Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch out...
Specify, map, document, validate, and package an approved UX/UI design or prototype into build-ready behavior, component...
Personal script feel, marker/pen texture, human warmth.
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case manageme...
Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, error...
When maintaining, assessing or redesigning the agent harness itself — skills, agents, extensions, hooks, tools, setup, d...
Internal dashboard worker for the browser-based Brick Office view over .harness runtime state. Hire/call from CEO, CTO,...
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshot...
ヘッドレスUIアーキテクチャとスタイル非依存コンポーネント設計の専門知識。Radix UI、Headless UI、React Aria等を活用し、アクセシビリティを確保しながら完全なスタイル制御を実現。Anchors:• Don't Ma...
Capture clean, deterministic screenshots of a JavaScript web app without installing a browser automation framework. Use...
Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns
ヘルスチェックの設計・実装・監視の指針を提供するスキル。マイクロサービスの信頼性と観測性を確立するためのガイダンスを提供。Anchors:• Observability Engineering (Charity Majors) / 適用:...
Use once, at the start of a new Hedgehog project on the full-stack-app core, before hedgehog-bootstrap's add-on steps, t...
Installation and quick start guide for Helios video engine. Use when setting up a new Helios project, installing package...
Player API for embedding Helios compositions in web pages. Use when you need to display a composition with playback cont...
Assess system state and suggest what needs attention. Use when stuck, unsure what to work on, or need guidance. Reviews...
Think before typing. Root cause first, two candidate fixes, pick one, ask if still unclear, then change only the files t...
Write desktop app plugins that add UI panes and commands.
When the user wants to design, optimize, or audit hero sections (above-the-fold main visual area). Also use when the use...
Scaffolds new HeroUI v3 React components using compound component patterns. Enforces named exports, onPress handlers, an...
Step-by-step guidance for heroui native.
Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features...
Produce a scored heuristic critique of the UI using Nielsen's 10 + 6 design laws + optional persona walkthroughs. Output...
Evaluate a page or component against Nielsen's 10 Usability Heuristics and produce a structured findings report. Use whe...
Conduct heuristic evaluations - Nielsen's 10 heuristics, severity ratings, expert review methodology, cognitive walkthro...
Predice el tiempo de decisión basado en número de opciones. Use cuando diseñe menús, navegación, formularios con múltipl...
Apple Human Interface Guidelines (HIG) lookup and routing for iOS, iPadOS, and macOS design work. Use when any Apple-pla...
Applies Human Interface Guidelines (HIG) principles — Hierarchy, Harmony, and Consistency — to UI/UX designs to ensure i...
Inspect an existing product and produce evidence-backed, prioritized UI/UX findings before recommending or implementing...
Apple Human Interface Guidelines for content display components. Use this skill when the user asks about "charts compone...
Apple HIG guidance for selection and input controls including pickers, toggles, sliders, steppers, segmented controls, c...
Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not...
Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views....
Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views.
Apple Human Interface Guidelines for layout and navigation components.
Apple HIG guidance for navigation-related components including search fields, page controls, and path controls. Use this...
Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings....
Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.
Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen...
Design, prototype, adapt, or implement iOS and macOS interfaces that follow Apple's current Human Interface Guidelines....
Apple Human Interface Guidelines design foundations. Use this skill when the user asks about "HIG color", "Apple typogra...
Implement bounded, evidence-backed UI/UX improvements in an existing codebase while preserving behavior, data contracts,...
Apple Human Interface Guidelines interaction and UX patterns. Use this skill when the user asks about "onboarding flow",...
Apple Human Interface Guidelines for platform-specific design. Use this skill when the user asks about "designing for iO...
Adapt an existing interface to Apple platforms or the web using platform-qualified guidance rather than copying appearan...
Create or update a shared Apple design context document that other HIG skills use to tailor guidance. Use when the user...
Create or update a shared Apple design context document that other HIG skills use to tailor guidance.
Audit designs, prototypes, or code against Apple's Human Interface Guidelines. Use for Apple-marked review asks — "is th...
Verify UI/UX changes against baseline evidence, acceptance criteria, accessibility checks, adverse states, and protected...
Generate images/videos via Higgsfield AI. Default: GPT Image 2 for images/design/text, Seedance 2.0 for video, Nano Bana...
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animati...
Superseded by design-taste-frontend, which is now the canonical anti-slop / high-end-agency design skill for this projec...
Classic style skill, opt-in: it runs only when called by name. A calm, polished look with soft contrast, generous whites...
Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinte...
Interactive Hindi language tutor specializing in grammar instruction through adaptive quizzing, translation practice, an...
Design human-in-the-loop workflows including review queues, escalation patterns, feedback loops, and quality assurance f...
Write HLD, High-Level Design, 写技术设计文档。Use when: PRD 和 API Contract 完成后需要做系统架构设计、技术选型、制定技术方案。 也用于既有相关文档的有限增量更新。
Use when reviewing an interface against the bar.
Builds a holographic card in CSS 3D in which an identity card tilts toward the pointer, a stack of rainbow foil layers a...
Use when creating, reviewing, debugging, or maintaining Home Assistant custom Lovelace cards or card editors, including...
Design, update, and refactor Home Assistant Lovelace dashboards (YAML views/partials) with a constrained, machine-safe d...