All skills

Every skill is reviewed by a human before it lands here.

200 skills

FreeFeatured

Vercel-Style UI Design

Teach your AI agent to design like Vercel: monochrome palette, oversized tight typography, hairline borders, subtle gradient glows and grid textures. Ships with design tokens, copy-paste components, and a complete example landing page.

Claude Code · Codex · Cursor · Copilot +1

Design

FreeFeatured

Aurora-Glass UI Design

Dark, high-motion landing pages in the aurora-glass language — drifting multi-color aurora gradients, frosted-glass cards, glow CTAs, mouse parallax, canvas waveforms. Ships tokens, components, snippets, and an animated Prismwave demo.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

Linear-Style UI Design

Design dark, developer-grade SaaS pages in Linear's visual language — near-black canvas, Inter with signature 510 weight, hairline white borders, indigo accent, keyboard-first product storytelling.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

Apple-Style UI Design

Design web pages in Apple's marketing-site visual language — gallery-like product storytelling, the SF type ramp, binary light/dark panels, and one blue reserved for action.

Claude Code · Codex · Cursor · Copilot +3

Design

Premium

Deep Cut Podcast Audiogram Template

1080×1080 podcast audiogram template: branded header, animated waveform, sentence-by-sentence captions, CTA outro. Edit the CONFIG copy, drop in your own voiceover, re-render — get the same look.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

HyperFrames Video

Turn HTML into scroll-stopping MP4 videos. This skill teaches agents the HyperFrames workflow: compose scenes in a single index.html with data-* timing attributes, drive all motion with one paused, seekable GSAP timeline, and render deterministically to MP4 via headless Chromium and FFmpeg. Includes the composition contract, seek-safe animation patterns, a 5-beat product promo structure, and the CLI render loop — plus a complete 20-second SkillStack promo video example with full source.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

Stripe-Style UI Design

Fintech-grade marketing pages in a gradient-mesh language — luminous white canvas, animated warm-to-cool gradient hero band, thin 300-weight display type with tight tracking, one indigo action color, near-square geometry, deep-navy dashboard mocks. Build fintech landing pages, pricing pages, and API/developer marketing with financial-infrastructure polish.

Claude Code · Codex · Cursor · Copilot +3

Design

PremiumFeatured

Data Analysis & Reporting

Turn raw data into decision-ready analysis reports: frame the business question, profile and clean the data transparently, run descriptive + diagnostic analysis, pick honest charts, and write executive-ready reports with findings, caveats, and recommendations.

Claude Code · Codex · Cursor · Copilot +3

Data

FreeFeatured

Brutalist UI

Design websites in the Neo-Brutalist style — thick black borders, hard offset shadows with zero blur, flat saturated accent colors, chunky uppercase display typography, visible raw grids, marquee strips and squishy hover interactions.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

Wabi-Sabi Japanese Minimal UI

A wabi-sabi Japanese-minimal design skill for AI agents: warm handmade-paper backgrounds, soft ink typography, one vermillion seal accent, generous negative space (ma), and quiet asymmetric layouts. Includes design tokens, component specs, paste-ready snippets, IP guardrails, and copy-voice guides (EN + 中文）.

Claude Code · Codex · Cursor · Copilot +3

Design

FreeFeatured

Editorial Pitch

Build investor pitch decks and persuasive slide decks in a warm-paper editorial style with python-pptx — claim-first headlines, numbered sections, hairline rules, and a 10-slide narrative arc. Demo: a 10-slide seed pitch for Loam, a fictional soil-health startup.

Claude Code · Codex · Cursor · Copilot +3

Design