Marketplace
Find the right skill for the job.
Browse the full catalog through outcome-first channels, technical facets, rating filters, and server-side pagination built for a large public marketplace.
landing-page-guide-v2
This skill generates complete Next.js landing pages using the DESIGNNAS 11-element framework. It provides specific aesthetic directions (minimalist, bold, retro, etc.), detailed component code, and design system guidance to avoid generic AI aesthetics. Output includes typography choices, color palettes, and production-ready React components.
tailwind-css
A comprehensive and well-structured reference guide for Tailwind CSS, offering practical patterns and examples for modern frontend development with excellent clarity and utility.
theme-factory
Provides 10 preset color/font themes for styling documents and presentations. Includes a visual showcase PDF and allows custom theme generation. Applies consistent styling to slides, reports, and HTML pages with specific hex codes and font pairings.
design-tokens
This skill scans existing codebases for design values across UI, emails, PDFs, CLI tools, and charts, then consolidates them into a single token system. It enforces WCAG contrast, generates color-blind-safe palettes, and outputs CSS variables and helper libraries for consistent usage across all project surfaces.
secure-workflow-guide
Guide you through Trail of Bits' 5-step secure development workflow. Runs Slither scans, checks special features (upgradeability/ERC conformance/token integration), generates visual security diagrams, helps document security properties for fuzzing/verification, and reviews manual security areas. (project, gitignored)
pydeseq2
This skill enables differential gene expression analysis in Python using the PyDESeq2 library. It provides workflows for loading RNA-seq count data, specifying experimental designs, running statistical tests, and generating results with multiple testing correction. The documentation includes troubleshooting for common errors like design matrix issues and memory management tips.
ui-design-system
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
artifacts-builder
Provides shell scripts to scaffold a React+TypeScript+Vite project with Tailwind CSS and 40+ shadcn/ui components, then bundle it into a single HTML file for Claude artifacts. Includes Node version detection, path alias configuration, and design guidelines to avoid common AI-generated UI patterns.
implementing-figma-designs
Implements Figma designs 1:1 using OneKey component library. Use when implementing UI from Figma, converting designs to code, or building pages/components from design specs. Triggers on figma, design, UI, 还原设计稿, 切图, 页面, 组件, implementation, Button, Input, Badge, Icon, Stack, XStack, YStack, Dialog, Toast, Alert, Form, Select, Switch, Checkbox, Radio, Tabs, Popover, ActionList, Progress, Skeleton, Image, Avatar, Banner, Carousel, Table, Accordion, ScrollView, ListView, SectionList, Page, Divider, Empty, QRCode, Markdown, Spinner.
data-analyst
A data analyst skill that provides structured workflows for SQL querying, dashboard creation, and statistical analysis. It includes specific checklists for data quality, visualization design, and stakeholder communication. The skill integrates with tools like Tableau, Power BI, and dbt to deliver actionable business insights.
pymoo
This skill provides a Python interface to the pymoo library for solving multi-objective optimization problems. It implements algorithms like NSGA-II and NSGA-III, handles constraints, and includes benchmark problems for testing. The documentation offers clear workflows for single, multi, and many-objective optimization with practical code examples.
color-palette
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output. Includes WCAG contrast checking. Use when setting up design systems, creating Tailwind themes, building brand colours from a hex value, or checking colour accessibility.
panda-css
A Claude skill that generates Panda CSS code from natural language descriptions. It helps developers create CSS-in-JS styles with proper syntax, supports responsive design patterns, and provides utility class recommendations for common styling tasks.
browser-debugging
A comprehensive browser debugging skill that provides systematic UI testing, visual analysis, and debugging workflows using Chrome Extension MCP tools with optional external vision models for enhanced validation.
software-ui-ux-design
Provides structured UI/UX design guidance with checklists, decision trees, and platform-specific constraints. Covers accessibility (WCAG 2.2), performance metrics (Core Web Vitals), and design system interoperability. Includes practical templates for flows, states, and design system deltas.
patterns
A collection of design patterns for the Langroid multi-agent LLM framework. Provides concrete examples for agent configuration, tool handling, task control, and MCP integration. Each pattern includes specific use cases and references to complete code implementations.
senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
ui-mockup
Orchestrates WebView UI mockup creation for audio plugins through phased workflow with design iteration and implementation scaffolding. Delegates to specialized subagents, handles versioning, and integrates with existing plugin development workflows. Generates YAML specs, test HTML, and production-ready C++ boilerplate.
architecture-selection
This skill provides structured guidance for selecting and implementing system architecture patterns. It covers monoliths, microservices, event-driven, and serverless architectures with practical diagrams, trade-off tables, and decision frameworks. Includes C4 modeling, scalability strategies, technology selection criteria, and architecture decision records.
ark-ui
Generates React components using Ark UI library with proper TypeScript types and styling. Creates functional UI elements from descriptions, handling props and basic interactivity. Useful for prototyping and component scaffolding.
Playwright Browser Automation
Automates browser testing using Playwright with auto-detection of local dev servers. Writes custom test scripts to /tmp directory, executes them via a wrapper, and provides real-time results with visible browser windows. Handles responsive design checks, form submissions, and common web testing scenarios.
elegant-design
Provides a structured methodology and concrete guidelines for building accessible, responsive web interfaces. Focuses on practical workflows, component selection from popular design systems (shadcn/ui, daisyUI, HeroUI), and avoiding common pitfalls. It's a detailed reference for developers who need to implement polished UIs with features like chat, terminals, and code display.
fantasy-world-building
Use when user mentions fantasy, magic system, or world-building for fantastical settings - provides fantasy genre conventions, magic system design patterns, and world-building frameworks
cofounder-im
Pull startup project data and AI-generated build specifications from CoFounder.im. Use when a user wants to build a project that was validated and planned on CoFounder.im — lists projects, fetches the full build spec (tech stack, MVP plan, UI/UX, implementation plan, OpenClaw builder output), and helps orchestrate sub-agents to build it. Trigger phrases — "build my CoFounder project", "pull my project from cofounder.im", "use my CoFounder build spec", "start building from CoFounder", "fetch my startup plan", "build from cofounder".