UI Components
Code-based UI component generation and styling
gsap-master
by su69ar
Full GSAP v3 mastery for interactive websites: core tweens/timelines, eases, staggers, keyframes, modifiers, utilities, plus complete plugin coverage (ScrollTrigger, ScrollTo, ScrollSmoother, Flip, Draggable, Inertia, Observer, MotionPath, DrawSVG, MorphSVG, SplitText, ScrambleText, TextPlugin, Physics2D/PhysicsProps, CustomEase/Wiggle/Bounce, GSDevTools). Includes Next.js/React patterns (useGSAP, gsap.context cleanup), responsive matchMedia, reduced-motion accessibility, performance best practices, and debugging playbooks.
badm350-canvas-builder
by vishalsachdev
Generate Canvas-ready HTML pages and assignments for BADM 350 Technology & AI Strategy course. Use when building weekly module content from markdown lesson plans, creating "Start Here" pages with Tuesday/Thursday session structure, or generating assignment HTML with rubrics. Triggers on requests to "build Canvas content", "create week X page", or "generate assignment for BADM 350".
plan
by mrsknetwork
Analyzes user requests to extract real requirements, identify risks, and produce a dependency-ordered execution checklist. Use this skill at the start of any multi-step build, feature addition, or complex debugging task. Trigger when the user says "build me", "create a", "I want to make", or describes a feature without a clear starting point.
frontend-dev-guidelines
by liuchiawei
Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7 styling, TanStack Router, performance optimization, and strict TypeScript practices.
module-augmentation
by marius-townhouse
Use when extending third-party types. Use when adding properties to existing interfaces. Use when plugins extend core types. Use when declaration merging is needed. Use when augmenting global types.
cpp-core-guidelines
by Ariaszzzhc
C++ Core Guidelines by Stroustrup and Sutter for writing modern, safe, and efficient C++ code. Use when writing, reviewing, or refactoring C++ code to ensure type safety, resource safety, and performance. Triggers on C++ code tasks including interface design, resource management (memory, handles, locks), class design, error handling, concurrency, templates, and general code review. Use for questions like "review this C++ code", "how should I manage resources in C++", "best practices for C++ interfaces", or when writing any C++ code that should follow modern standards (C++11/14/17/20).
flowglad-subscriptions
by flowglad
Manage subscription lifecycle including cancellation, plan changes, reactivation, and status display. Use this skill when users need to upgrade, downgrade, cancel, or reactivate subscriptions.
mux-video
by muxinc
Comprehensive guide to building video applications with Mux, the developer-first video infrastructure platform. This skill covers video streaming, live streaming, player integrations, analytics with Mux Data, and AI-powered workflows. Whether you are building a video-on-demand platform, live streaming application, or integrating video into an existing product, this documentation provides the patterns and code examples needed to ship quickly.
ux-journey
by lukeslp
Comprehensive UX analysis coordinating design, accessibility, and gamification agents for user flow and interaction evaluation.
acquisition-analyzer
by OliverOuyang
获客分析智能体 - 专注于营销获客效果分析。支持渠道效果、用户质量、ROI、回传、RTA、LTV等分析。触发方式：命令 /acquisition、/获客分析，或包含关键词（获客、渠道、ROI、CPS、转化率、回传、RTA、LTV）时自动触发。适用场景：(1) 渠道效果分析，(2) 用户质量分析，(3) ROI分析，(4) 回传分析，(5) RTA策略分析，(6) LTV分析，(7) 版位分析。
glossary-creator
by ks6088ts-labs
プロジェクト用語集を作成するスキル。docs/prd.md や docs/functional-design.md が存在する場合に、ドメイン用語、技術用語、略語、アーキテクチャ用語等を体系的に定義した用語集を作成します。「用語集を作成して」「glossary を作って」「用語を定義して」等のリクエストで使用してください。
frontend-modern
by twofoldtech-dakota
Modern frontend patterns for Optimizely Experimentation
m3-web-vanilla
by shelbeely
Implement Material Design 3 using only vanilla CSS custom properties and semantic classes. Zero dependencies. Use this when building M3-styled static sites, simple web apps, or when you need full control over every design token without a framework.
web-development-skill
by pluginagentmarketplace
Master modern web development. Learn HTML/CSS/JavaScript fundamentals, React/Vue/Angular frameworks, Node.js backend, databases, APIs, and full-stack architectures. Use when building web applications, learning web technologies, or choosing tech stacks.
Oracle Diagram Generator - Complete Reference
by oci-ai-architects
Claude Code skills for OCI AI Architects. Community-led reference implementations and patterns.
9d-framework
by violetio
9D product development framework
design
by AlexanderStephenThompson
Design and UI standards for accessibility, semantic HTML, and responsive layouts
prototyping
by pluginagentmarketplace
Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration
organism-conversion-loop
by Coowoolf
Use when building AI-native products where user data can fine-tune performance, when static software fails to improve with usage, or when designing products that learn from interaction
design-brief
by altshiftstudio
Create strategic design briefs that empower designers. Use when asked to write a design brief, product brief, feature brief for a new product, flow, or a feature. Triggers include "create a design brief", "brief for [feature]", or "design spec".
frontend-razor
by twofoldtech-dakota
Apply when working with Razor views, MVC layouts, partial views, and tag helpers
deep-learning
by zjfls
根据学习主题和范围，搜集权威的书单、博客、网站、框架、论文等学习资料，支持论文自动下载
analyze-stock
by jssfy
一键综合分析某只股票/公司。通过并行子代理同时采集股价、新闻舆论、行业对比、市场环境、公司官网五个维度的数据，然后在主线程进行交叉分析、因果归因和趋势预测，输出标准化 HTML 分析报告（含当日行情和7日趋势）。触发词：分析XX股票、analyze TICKER、XX怎么样、XX值得买吗。支持A股、港股和美股。
frontend-razor
by twofoldtech-dakota
Apply when working with Razor views, MVC layouts, partial views, and tag helpers