В каталоге 183 730 навыков в 14 категориях.
Implement drag-and-drop in LWC using HTML5 Drag and Drop API, keyboard alternatives, accessible announcements, and file...
Audits web interfaces that use drag and drop, swipe, pinch, path-based gestures, hover, small targets, pointer-specific...
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command atte...
Draws a screen, or fills a stub `/fig:prep` left behind, inside the file's own conventions rather than as a loose fragme...
Create professional Draw.io (diagrams.net) XML diagrams for architecture, network flows, and system designs. Use when th...
设计 App、后台、游戏界面和完整网站落地页，生成 UI 设计稿；按需把设计稿或截图还原为 HTML/CSS、现有前端项目或微信小程序。用户要求页面设计、完整落地页、截图还原或小程序高保真时使用。不用于普通插画、海报、故事板、纯图片编辑或无...
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, seq...
Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio fi...
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, ne...
AI unconstrained creative exploration — deliberately dropping structure to let associations form freely. The one skill t...
Think expansively and imaginatively without practical constraints. Use when brainstorming ambitious ideas, exploring wha...
You are an expert in @react-three/drei, the companion library for React Three Fiber that provides 100+ ready-made compon...
The re-measure and standing report of the canonical data model's live DB conformance. Use when asked 'where are we at' o...
This skill should be used when the user asks "who should I drop", "who's safe to cut", "make room on my roster", "who's...
Comprehensive skill for implementing dropdown components in React-based modals and forms, ensuring consistent data bindi...
Execute Drupal configuration changes from drupal-planner specs.
Drupal Front End Specialist skill for theme development, Twig templates, and rendering system (Drupal 8-11+). Use when w...
Plan Drupal implementations — entities, config, migrations, cache, permissions.
Plan Drupal themes — base theme, component strategy (SDC/traditional), CSS methodology, responsive design.
Expert audit of a project's design system across TWO dimensions — (1) clean codebase and (2) AI-native structure (can an...
Bootstrap a project's design system from the shared base once a DA (art direction) is chosen — Phase 1. Use when the use...
DS Code Auditor — finds ALL design system violations in Swift code: inline patterns that should be reusable components,...
Builds a frontend with a clear visual direction instead of the generic AI look. Use when you create a new page, app scre...
Reviews an existing UI with scores based on evidence, then fixes the highest-impact problems. Use when a page or app scr...
Use when asked how other design systems handle a component, prop, token or pattern; to name a component, prop or token;...
DS Ecosystem Master Plan — полный пайплайн создания Figma экосистемы Hexbound. 10 этапов: UI-аудит → Foundations → Token...
DS Extract Component — extracts an inline UI pattern from Swift code into a reusable component + creates matching Figma...
Generate or refresh a clean Figma design system FROM the code (the code is the source of truth). Use when a project has...
DS Figma Sync — verifies 1:1 parity between Swift code tokens/components and Figma DS file, finds mismatches, and fixes...
DS QA Coverage — final quality assurance pass for the complete Figma ecosystem. Verifies: all current screen-inventory e...
DS Screen Builder — builds app screens in Figma Screens file using ONLY DS components, tokens, and styles. Reads Swift v...
Convert DSDS UI specs, mock HTML screens, and system docs into concrete frontend component implementation tasks. Use whe...
设计、实现或审查客户端 UI、响应式布局、交互状态、焦点或失败反馈时使用，结合真实运行界面验证用户体验。
Turn a finished design into a developer-ready handoff spec - tokens, every interactive state, responsive breakpoints, an...
Apply or adapt a complete dual-theme UI specification board for product interfaces. Use when Codex should build or resty...
Makes iPhone Duo apps work with VoiceOver, Dynamic Type, Reduce Motion, Increase Contrast, hardware keyboards, Switch Co...
Lightweight tactical guidance during implementation. Just MCP suggestions and quick lookups, no heavy Graphiti searches.
Audits libraries, CLIs, and SDKs using 38 rules for public contracts, package exports, piped output, errors, and configu...
use to deploy a siteminder component using the dx command
Show list of available dx list commands and help users execute them with required parameters.
Build and manage DXPR Builder pages via drush dxb:* commands. Write Bootstrap 5 HTML — the builder parses it into drag-a...
Review a repository or UI surface for design engineering quality. Use for a DXE pass or broad interface review; fix only...
Use when implementing flexible content schemas using EF Core JSON columns, `OwnsOne().ToJson()` patterns, or designing d...
Dynamodb Table Designer - Auto-activating skill for AWS Skills.Triggers on: dynamodb table designer, dynamodb table desi...
D-ZERO の CSS コーディング規約。CSS を書く・編集する・レビューするときに使う。コンポーネントのスタイル、レイアウト、レスポンシブ、カスタムプロパティ、セレクタ設計に適用する。
デザインデータ（Figma などのデザインカンプ）を参照してコーディングするときの解釈原則とアセットの扱い。Figma の URL・MCP・デザイン画像・カンプをもとに実装や修正をするときに必ず使う。
フロントエンド実装のコードレビューを実施する。PR レビュー、コードレビュー、実装チェック、品質確認を依頼されたときに使う。実装レイヤー選定の妥当性から各技術軸の観点まで順に検査する。
UI・機能・コンポーネントの実装レイヤー（HTML/CSS/JavaScript）を決定する判断基準。実装・修正の着手前に必ず読む。アコーディオン、モーダル、ポップオーバー、開閉・切替などのインタラクション実装を依頼されたときに使う。
Run end-to-end browser tests on a web application. Use when the user says "test the app", "e2e test", "run end-to-end te...
E2E test conventions — semantic selectors, arrange-steps that prove the process started, runtime markers that cannot mat...
Earth and life systems as contexts for scientific inquiry. Covers ecosystems, biodiversity, biogeochemical cycles, clima...
Surface ebook ideas you didn't know you had. Use when ready to discover what ebooks might be hiding in your content, exp...
Hydration Safety & Font Performance. Use when configuring web typography, preloading font files above the fold, designin...
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Brief Inference and The Three Dials calibration system. Use when starting any frontend layout, determining composition s...
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with...
Simulates personas (beginners, seniors, mobile users, etc.) to validate UI flows and report confusion points. Used to id...
Builds a grid of eighty eclipses on Canvas 2D, each an opaque outlined ring over a solid disc that part along the diagon...
ECO Design System button component spec — variants, sizes per breakpoint, states, focus handling, and CSS template. Use...
ECO Design System checkbox component spec — light mode and dark mode states, sizing, and CSS template. Use whenever crea...
Canonical ECO Design System token names and values (color, spacing, typography, shadow, border) for this repo. Use whene...
Expert guide for e-commerce architecture (Shopify Storefront, Medusa.js, Saleor), product catalogs, cart/checkout UX, an...
Complete theming guide for the e-commerce storefront. Documents all styled components and provides instructions for appl...
Use when designing edge computing architectures, serverless at edge, or distributed compute strategies. Covers edge func...
Use this skill to migrate your Jetpack Compose app to add adaptive edge-to-edge support and troubleshoot common issues....
Design and redesign EdgeSpark frontends with distinctive, production-grade visual direction instead of generic AI-lookin...
Create or update Figma designs directly from a written product or UI description using the Figma MCP authoring tools. Us...
Configura o editor de texto rico Tiptap/ProseMirror com extensões para escrita literária (notas de rodapé, comentários i...
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as...
Transforms website content into expressive editorial layouts through typographic hierarchy, composition, grid systems, i...
Creates sophisticated HBR-style editorial illustrations for any content using AI understanding and visual analysis. Use...
Educational Lab UI Design System - A polished, approachable design aesthetic for educational and learning applications....
Transform Claude into an expert in evidence-based educational presentation design. Use when designing presentations for...
Master Entity Framework Core patterns for ABP Framework including entity configuration, DbContext, migrations, relations...
Use when designing, reviewing, generating, or refactoring React applications built with Effector, effector-react, Farfet...
AI image and video generation CLI and MDX-to-video framework built on Remotion. Use this skill to install egaki, configu...
依据中国工信部《互联网网站适老化通用设计规范》和《移动互联网应用(APP)适老化通用设计规范》，对项目代码进行适老化合规检测，生成问题报告、修改建议，并支持自动修复。
Electronデスクトップアプリケーションのアーキテクチャ設計を専門とするスキル。Main/Renderer/Preloadプロセスの責務分離、型安全なIPC通信設計、セキュリティ設定を支援する。Anchors:• Clean Archi...
Electronプロセス間通信（IPC）パターンの設計と実装専門知識。安全で効率的なMain-Rendererプロセス通信、contextBridge、型安全なAPI設計を提供。Anchors:• Electron Security / 適...
Electronデスクトップアプリケーションのセキュリティ強化専門知識。XSS、コードインジェクション、プロセス隔離違反などの脅威から保護。Anchors:• Electron Security / 適用: プロセス隔離・IPC保護 / 目...
ElectronデスクトップアプリケーションのUI実装パターンと設計知識。 BrowserWindow管理、ネイティブUI要素、フレームレスウィンドウを提供。 Anchors: • Electron API / 適用: BrowserWi...
Design, review, prototype, measure, and troubleshoot electronic circuits using component evidence, worst-case calculatio...
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
Comprehensive skill for systematically matching element styling (dimensions, colors, spacing, etc.) between different co...
Map a confirmed platform-neutral website Design System to a local Elementor Site Settings and Widget inheritance contrac...
把确认版模块 HTML、整页 HTML 中指定的 Section，或既有 Elementor 页面中用户明确批准的简单强参考模块，以克制字段实现为插件式 Elementor Widget。用于新增或迁移单个已确认 Widget；不用于设计探...
Strunk 写作规则，用于提升文档质量。适用于所有面向人类读者的文本：文档、报告、注释、提交信息等。
Create sophisticated, Apple-inspired web interfaces with refined aesthetics and corporate elegance. Emphasizes generous...
Använd när du väljer skugga/elevation för kort, modaler, drawers, tooltips eller andra upphöjda ytor — Shadow Bottom/Top...
Elevation — subtle shadows and layering — communicates visual hierarchy by lifting elements above the surface. Combined...
Explain like I'm five via single HTML. Use for /eli5 topics.
Explain a technical spec or proposed change in plain language: what problem it solves, how the solution works, and every...
Explain work, a system or a situation to Sergio in plain words with real names, so he understands it on one read. Use wh...
Explain work, a system or a situation to the user in plain words with real names, so they understand it on one read. Use...
End-to-end product design orchestrator for opinionated, human-crafted UI — not generic AI output. Covers experience thes...
Audit HTML/CSS/JS files for code quality violations per CLAUDE.md rules. Reports issues grouped by file without auto-fix...
Migrate a Claude Design HTML export into a clean static page following project file structure and conventions.
Final pre-deploy checklist for Elysium Boost. Validates all pages are production-ready before pushing live.
Fix a specific visual/UI issue on a page without redesigning surrounding elements. Follows inspect-report-plan-diff-appr...