color-theming
Color theme selection and application for website branding. Use when user wants to change colors, theme, accent, branding, or visual style.
Discover devops cms platforms skills, compare source repositories and read the instructions for each workflow.
Color theme selection and application for website branding. Use when user wants to change colors, theme, accent, branding, or visual style.
Interactive website customization wizard. Gathers user information and configures template files. Use when user says "set up", "configure", "get started", "customize", or wants to personalize the template.
SiteGround deployment setup including SSH keys and GitHub secrets. Use when user wants to deploy, go live, publish, or set up hosting.
This skill should be used when the user asks to "write a blog post", "create a blog article", "draft a blog entry", "create blog content", or mentions writing blog articles for their Hodgepodge blog. Supports m...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Build static websites using Metalsmith's component-based architecture. Triggers on phrases like "build me a website", "create a landing page", "help me make a site", or when working with Metalsmith components....
JavaScript development patterns for Metalsmith plugins, browser scripts, and Node.js tooling. Triggers when writing JavaScript code, creating Metalsmith plugins, browser functionality, Nunjucks templates, or No...
Creates production-ready React layouts with proper Tailwind CSS practices. Use when building UI layouts, landing pages, dashboards, or any React component that requires styling and structure.
Documentation for web libraries including shadcn/ui, React Router, React Query, Framer Motion, and more. Read docs before working with these libraries and when stuck on problems.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Create distinctive, production-grade web interfaces using React, Tailwind, and shadcn/ui. Use when building pages, components, or styling any web UI.
Dynamic UI design system generator that creates 10 unique, diverse design directions every time it's invoked. Generates both detailed specifications AND an interactive HTML preview so users can visually explore...
Comprehensive UI/frontend development skill for React, Next.js, Vue, Svelte, and Tailwind CSS. Provides guidance on component architecture, accessibility, responsive design, state management, and modern CSS tec...
Buildkite CI/CD pipeline configuration, API integration, and workflow automation. Use when creating or modifying Buildkite pipelines (pipeline.yml), interacting with Buildkite REST/GraphQL APIs, configuring age...
Embed and initialize OpenAI's ChatKit widget in Rails views. Use when adding ChatKit to a page, configuring the openai-chatkit custom element via data attributes, syncing themes with dark/light mode, handling T...
Create ChatKit UI widgets in MCP servers. Use when building visual components that render in ChatKit from tool results. Covers widget templates with JSON Schema validation, WidgetTemplateService for hydration,...
This skill helps users deploy their GitHub repositories to Hugging Face Spaces by providing the necessary workflow files, token setup instructions, and deployment procedures.
Guides TypeScript code structure: imports, exports, module organization. Use when organizing code, setting up project structure, or resolving circular dependencies. Triggers: "import", "export", "模块", "文件结...
Provides project architecture overview including directory structure, module responsibilities, and tech stack. Activates when asking about project structure, modules, architecture, what this project does, direc...
Provides project architecture overview including directory structure, module responsibilities, and tech stack. Activates when asking about project structure, modules, architecture, what this project does, direc...
Configure and use Firebase (Authentication, Firestore, Cloud Functions, Hosting, Storage) following best practices. Includes authentication patterns, optimized queries, deployment workflows, and troubleshooting...
Implement Stripe payments, subscriptions, webhooks, and customer management following best practices. Includes subscription tiers, trial periods, upgrade/downgrade flows, invoice handling, and payment security....
Implement email sending, notifications, and user communication following best practices. Includes Gmail SMTP integration with Firebase, transactional email templates, in-app notifications, email verification fl...
Tech stack, project structure, and coding standards for building SaaS applications. Based on proven architecture from entiendetunomina and valuebetanalytics. Use this skill for all new projects and when generat...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.