UI Components
Code-based UI component generation and styling
marp-slides
by Mathews-Tom
'Author MARP markdown slide decks exportable to PDF, PPTX, and HTML via marp-cli. Covers Marpit directives, custom CSS themes, SVG chart recipes, and dashboard components. Triggers on: "marp", "marp deck", "markdown slides", "slides from markdown", "marp-cli", "pdf from markdown", "pptx from markdown".'
remotion-video
by Mathews-Tom
'Create motion graphics and videos using Remotion (React) with audio sync, web fonts, and TailwindCSS. Triggers on: "create a Remotion video", "React video", "motion graphics", "branded video", "product demo video", "video with voiceover". NOT for math animations, use concept-to-video.'
md-to-pdf
by Mathews-Tom
'Convert Markdown to styled PDFs with Mermaid diagrams, LaTeX/KaTeX math, tables, and code highlighting. Triggers on: "convert markdown to pdf", "make a pdf from this md", "export markdown as pdf", "pdf from markdown with equations".'
html-presentation
by Mathews-Tom
'Converts documents, outlines, or notes into self-contained HTML slide decks with horizontal (Reveal.js) or vertical scroll navigation and multiple themes. Triggers on: "create a presentation", "slide deck", "pitch deck", "HTML presentation", "web-based slides", "reveal.js deck", "convert document into slides".'
static-web-artifacts-builder
by Mathews-Tom
'Build self-contained static HTML artifacts opened in a browser: interactive diagrams, dashboards, infographics. Pure HTML5+CSS3+inline SVG, zero toolchain. Triggers on: "interactive HTML", "open in browser", "HTML artifact", "visual dashboard", "HTML infographic". NOT for PNG/SVG output, use concept-to-image.'
product-surface-areas
by inkeep
Consolidated dependency graph of Inkeep customer-facing surface areas (UIs, CLIs, SDKs, APIs, protocols, config formats). Example use: as a prd-time (planning/brainstorming phase) or post-change checklist to understand the full scope of side-effects or what making one change to the product means for the rest. Use whenever you need to understand the "ripple" out effects of any change.
frontend-design
by jjyaoao
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
gift-evaluator
by jjyaoao
The PRIMARY tool for Spring Festival gift analysis and social interaction generation. Use this skill when users upload photos of gifts (alcohol, tea, supplements, etc.) to inquire about their value, authenticity, or how to respond socially. Integrates visual perception, market valuation, and HTML card generation.
phoenix-github
by Arize-ai
Manage GitHub issues, labels, and project boards for the Arize-ai/phoenix repository. Use when filing roadmap issues, triaging bugs, applying labels, managing the Phoenix roadmap project board, or querying issue/project state via the GitHub CLI.
next-best-practices
by inkeep
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
css
by Mindrally
Best practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable stylesheet architecture
cheerio-parsing
by Mindrally
Expert guidance for HTML/XML parsing using Cheerio in Node.js with best practices for DOM traversal, data extraction, and efficient scraping pipelines.
angular
by Mindrally
Expert in Angular TypeScript development with scalable, high-performance patterns
bootstrap
by Mindrally
Bootstrap development guidelines for responsive layouts, components, and utility-first styling.
blazor
by Mindrally
Guidelines for Blazor development including component lifecycle, state management, and performance optimization
convex
by Mindrally
Guidelines for developing with Convex backend-as-a-service platform, covering queries, mutations, actions, and real-time data patterns
c-sharp
by Mindrally
Guidelines for C# development including Blazor, Unity game development, and .NET backend best practices
android-development
by Mindrally
Android development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for building robust mobile applications
deep-learning
by Mindrally
Comprehensive deep learning guidelines for neural network development, training, and optimization.
alpine-js
by Mindrally
Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.
accessibility-a11y
by Mindrally
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
astro
by Mindrally
Expert in Astro framework with static generation and partial hydration patterns
ascii-art
by NousResearch
Generate ASCII art using pyfiglet (571 fonts), cowsay, boxes, toilet, image-to-ascii conversion, and search curated art from emojicombos.com and asciiart.eu (11,000+ artworks). Falls back to LLM-generated art.
ant-design-react
by partme-ai
Provides comprehensive guidance for Ant Design React component library including components, design system, themes, and TypeScript support. Use when the user asks about Ant Design for React, needs to build React applications with Ant Design, or implement design system patterns.