全部 skills
每个 skill 在收录前都经过人工审核。
139 个 skills
Vercel-Style UI Design
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
Apple-Style UI Design
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
Linear-Style UI Design
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
Aurora-Glass UI Design
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
Stripe-Style UI Design
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
Editorial Pitch
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
Brutalist UI
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
Wabi-Sabi Japanese Minimal UI
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
Deep Cut Podcast Audiogram Template
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
HyperFrames Video
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
taste-skill
Leonxlnx/taste-skill
Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.
archify
tt-a1i/archify
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.
Flowboard Launch Reel Template
Flowboard Launch Reel Template
22-second horizontal (1920x1080) product-launch reel template for indie developers, rendered from HTML with HyperFrames. Swap the CONFIG block, re-render, ship your launch video.
Claude Code · Codex · Cursor · Copilot +3
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3
PPT Design
PPT Design
Design and generate pitch-grade PowerPoint decks with python-pptx — 3 original themes, 10 slide-type layouts, slide copy rules, and chart patterns. Download includes a ready-to-run generator script and an 8-slide sample deck.
Claude Code · Codex · Cursor · Copilot +3
Iris Pitch
Iris Pitch
Design AI-era pitch decks in the "Iris Dusk" visual language — deep violet night canvases, violet-to-indigo-to-cyan luminous gradients, glow orbs and glass cards — generated as editable .pptx with python-pptx, or convert HTML/Marp slide decks into editable PowerPoint via an extract-build pipeline.
Claude Code · Codex · Cursor · Copilot +3
Neon Noir UI
Neon Noir UI
Design neon-noir cyberpunk websites — a near-black night city lit by two neon hues, pink and cyan, with cut-corner panels, HUD mono labels, and a perspective grid floor. Use when the user asks for a cyberpunk look, a neon night-city aesthetic, an electronic music festival site, or a "dark, glowing, after-midnight" mood.
Claude Code · Codex · Cursor · Copilot +3
Terminal Pitch
Terminal Pitch
Build pitch decks that look like a phosphor-CRT terminal session — amber-on-black monospace slides with terminal windows, $ command transcripts, ASCII frames, scanline texture and HUD stat tiles. For hacker-terminal, retro-computing or developer-native pitch aesthetics.
Claude Code · Codex · Cursor · Copilot +3
Emil Kowalski Design Skills
Emil Kowalski Design Skills
Give your coding agent taste. 11 design-engineering skills from Emil Kowalski (ex-Vercel, ex-Linear) — animation decisions, motion review, Apple design principles, and UI polish. MIT-licensed, curated with attribution.
Claude Code · Codex · Cursor · Copilot +3
Brutal Pitch
Brutal Pitch
Builds neobrutalist pitch decks with python-pptx — thick black borders, hard offset shadows, acid-yellow spot color, all-caps heavy type. Raw, loud, high-contrast slides instead of polished corporate decks.
Claude Code · Codex · Cursor · Copilot +3
Claymorphism UI
Claymorphism UI
Design websites in the Claymorphism style — puffy inflated 3D surfaces like modeling clay, pastel colors, big rounded corners, triple-layer shadows (soft outer drop + inset top-left highlight + inset bottom-right shade), rounded display type, and springy bouncy motion.
Claude Code · Codex · Cursor · Copilot +3
Solbeam Desk Lamp Promo Template
Solbeam Desk Lamp Promo Template
20s dark-premium promo template (hook→problem→brand→specs→CTA). Edit CONFIG copy, re-render with HyperFrames, ship your own 1080p video.
Claude Code · Codex · Cursor · Copilot +3
Grand Tour PPT Template
Grand Tour PPT Template
A hand-polished 12-page PowerPoint template for vintage railway journey annual reviews — replace text only, the layout never breaks.
Claude Code · Codex · Cursor · Copilot +3

Neon Ring Logo Opener Template
Neon Ring Logo Opener Template
A 7-second cinematic logo sting template (1920x1080) — scan-line ignition, neon ring draw, monogram reveal and brand lockup. Swap brand name, tagline and colors in one CONFIG block.
Claude Code · Codex · Cursor · Copilot +3