Browse Skills

Slack GIF Creator creates animated GIFs optimized for Slack, with tools for drawing frames, applying animation concepts, and validating output against Slack's size and format constraints.

Template is a placeholder skill that demonstrates the required structure for creating new Claude Code skills. Use it as a starting point when authoring an agent skill.

Theme Factory applies curated color palettes and font pairings to artifacts such as slides, documents, reports, and HTML landing pages. Use it when you need consistent visual styling or a custom theme generated on the fly.

Web Application Testing verifies and debugs local web applications using Playwright. It supports frontend functional testing, screenshot capture, browser log viewing, and UI automation.

Web Artifacts Builder scaffolds a React, TypeScript, Tailwind CSS, and shadcn/ui project and bundles it into a single HTML artifact for claude.ai. Use it for elaborate multi-component artifacts that need state management or routing.

Word Documents creates, edits, and analyzes .docx files and Word templates, handling formatting, tracked changes, and comments. Use it whenever a user needs to produce, read, or modify Word documents programmatically.

XLSX creates, edits, and analyzes spreadsheet files such as .xlsx, .xlsm, .csv, and .tsv. Use it when a spreadsheet is the primary input or output, including cleaning messy tabular data, adding formulas, formatting, and converting between formats.

Banner Design creates banners for social media, ads, website heroes, creative assets, and print. It generates multiple art direction options with AI-generated visuals and exports PNGs at exact platform dimensions.

Brand defines and enforces brand voice, visual identity, messaging frameworks, and asset consistency. Use it for tone of voice, style guides, brand compliance, design tokens, and asset management.

Design is a comprehensive design skill covering brand identity, design tokens, UI styling, logo generation, corporate identity programs, HTML presentations, banner design, icon design, and social media images. Use it to create logos, brand assets, banners, slides, icons, and social photos.

Design System defines three-layer design tokens (primitive→semantic→component), component specifications, and slide generation workflows for brand-compliant presentations. Use it when creating CSS variable systems, design-to-code handoff, or generating strategic decks.

Slides creates strategic HTML presentations with Chart.js, design tokens, responsive layouts, and copywriting formulas. Use it for marketing presentations, pitch decks, and data-driven slides.