Loading...
Loading...
Found 1,932 Skills
Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aesthetics.
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax.
SVG creation, optimization, and transformation specialist. Use when creating vector graphics, optimizing SVG files with SVGO, implementing icon systems, building data visualizations, or adding SVG animations.
Creates styled wrapper components that compose headless/base compound components. Use when refactoring styled components to use base primitives, implementing opinionated design systems on top of headless components, or when the user mentions "use base components", "compose primitives", "styled wrapper", or "refactor to use base".
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
Comprehensive web page validation with authentication, screenshot capture, mobile testing, and enhanced error detection
Publication-quality scientific figures with the Imagine framework (React → SVG/PNG). Use when designing, reviewing, or exporting charts/diagrams/multi-panel figures for papers, posters, or preprints, especially when you need mm+dpi sizing, vector-first SVG, typography/color guidance, and final submission checks.
Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts. Use this skill when building business intelligence dashboards, monitoring systems, executive reports, or any interface that requires multiple coordinated data displays with filters, metrics, and visualizations working together.
Simplify and refine code for clarity, consistency, and maintainability while preserving functionality. Use when asked to "simplify", "clean up", or "refactor" code, after writing complex code that could benefit from simplification, or when code has grown hard to follow.
Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design consistency. Triggers on design system, design tokens, component library, theming, dark mode.
Web工具库的skills和rules。精准推荐ts/web/react/vue/uni-app中常用工具函数和hooks
Best practices for building charting applications using MMT real-time crypto market data with TradingView Lightweight Charts. Use when creating price charts, volume charts, indicator overlays, multi-chart dashboards, or any visualization that renders MMT data using the TradingView Lightweight Charts library.