UI 组件

web-clone

Yeachan-Heo

URL-driven website cloning with visual + functional verification

wechat-tech-article

samzong

撰写微信公众号技术文章的结构化工作流。使用场景：用户要写一篇公众号文章、需要创建文章目录、组织素材、迭代草稿。强制遵循 blogs/wechat/README.md 的命名规范和目录结构。

animate

delphi-ai

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

Customize Markdown

SSShooter

Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.

Streaming Mindmap Rendering

SSShooter

Implement real-time streaming mindmap rendering using Mind Elixir in web applications. Supports streaming text parsing and incremental updates.

Export Mind Map as Image

SSShooter

Guide for exporting mind maps as images using @zumer/snapdom.

frontend-ui-ux

Yeachan-Heo

Designer-developer for UI/UX work

obsidian-plugin-development

allenhutchison

Build, modify, and debug Obsidian plugins using the TypeScript API. Use this skill when working with Obsidian plugin source code, the obsidian npm package, plugin UI (views, modals, settings, commands, ribbons), vault file operations, editor manipulation, workspace management, metadata cache, events, markdown rendering, or the Obsidian CLI. Covers plugin lifecycle, best practices, common patterns, and the full TypeScript API surface.

apply-mantel-styles

sammcj

Provides guidelines for applying Mantel's brand styles to diagrams and frontend components. Use when asked to create visuals that need to align with Mantel's branding.

brand-systems

HermeticOrmus

Building comprehensive brand identity systems from strategy to implementation. Covers logo design, color palettes, typography pairing, voice guidelines, and system documentation. Use when creating new brands, rebranding, or systematizing existing identities.

monorepo-management

HermeticOrmus

Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and dependency management. Use when setting up monorepos, optimizing builds, or managing shared dependencies.

angular-migration

HermeticOrmus

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

workflow-orchestration-patterns

HermeticOrmus

Design durable workflows with Temporal for distributed systems. Covers workflow vs activity separation, saga patterns, state management, and determinism constraints. Use when building long-running processes, distributed transactions, or microservice orchestration.

dependency-upgrade

HermeticOrmus

Manage major dependency version upgrades with compatibility analysis, staged rollout, and comprehensive testing. Use when upgrading framework versions, updating major dependencies, or managing breaking changes in libraries.

design-system-context

HermeticOrmus

Managing design tokens and system context for LLM-driven UI development. Covers loading, persisting, and optimizing design decisions within context windows.

ui-agent-patterns

HermeticOrmus

Patterns for delegating UI work to specialized agents. Covers synthesis-master vs specialized agents, multi-agent UI generation workflows, and orchestration strategies for complex UI tasks.

react-modernization

HermeticOrmus

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

design-movements

HermeticOrmus

Historical design movements and their enduring influence. Understand Bauhaus, Swiss International Style, Art Deco, Memphis, and more. Use when choosing an aesthetic direction, understanding cultural context, or predicting trend cycles.

Archetypal Combinations: Alchemy Engine

HermeticOrmus

"In the marriage of archetype and card, form finds its color, and color finds its purpose."

Jungian Archetypes → UI/UX Aesthetics

HermeticOrmus

"The archetype is not a metaphor—it is the pattern itself, manifesting through pixels and interactions."

mapbox-cartography

mapbox

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.

roblox-game-development

greedychipmunk

Use this skill for any Roblox related tasks

matlab-digital-filter-design

matlab

Designs and validates digital filters in MATLAB. Use when cleaning up noisy signals, removing interference, filtering signals, designing FIR/IIR filters (lowpass/highpass/bandpass/bandstop/notch), or comparing filters in Filter Analyzer.

Art Consistency

omer-metin