Explore

Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, typography, and texture to specific CSS tokens. Pick one per brief.

Skill·MIT·★ 139·No key

Production pipeline and Claude Code skill for Vocaloid-style hand-drawn (手書き) lyric music videos: deterministic Canvas2D/WebGL2 animation engine, JIZURA lyric motion, AI illustration, Blender toon 3D,

in the skill textown tears toward the dawn. It has 68 beat-locked shots, JIZURA typography, two Blender toon-3D sequences, and a hard cut on the song

Skill·MIT·★ 122·No key

Skill that forces award-tier design quality on AI-generated UIs. Teaches Claude Code / Codex / Antigravity to build with real design intent — motion, typography, color, WCAG AA — instead of generic sl

Skill·MIT·★ 11·No key

11 Claude skills that make professional motion-graphics videos (launch films, explainers, social ads, data stories) as HTML + MP4. Works with Claude and Claude Code.

in the skill textplain words, and Claude makes a finished motion-graphics video: kinetic typography, animated product UI, charts, transitions and its own music score, cut on the beat

Skill·MIT·★ 10·No key

Claude가 만든 한국어 문서가 어딘가 이상할 때 — 문장 표현과 디자인을 보완하는 Agent Skills

Skill·Apache-2.0·★ 76·No key

🎬 Claude Code skill for showreel-grade, beat-synced motion graphics with HyperFrames (HTML + GSAP + SVG + Canvas, Apache-2.0) — 120 BPM / 60 FPS to MP4

in the skill textfor commercial work at any company size. ## ✨ Features - **Showreel creative direction** — bold typography, fast transitions, depth, parallax, particles and camera moves; plain fade-in chains are

Skill·MIT·★ 127·No key

Convert HTML + CSS to Elementor JSON (importable in WordPress). Works as a Claude Code / openclaw skill or standalone Python CLI. Local, no browser, no APIs. Handles AI-generated HTML, Tailwind mockup

in the skill textflex layouts (rows, columns, nested grids). - Extracts **global colors and typography** into a companion `kit.json` (page-unique hashed IDs so imports don't clobber each other

Skill·MIT·★ 16·No key

A semantic, lightweight CSS (PostCSS) framework for fast, accessible UIs. Class-based or classless, light or dark, agent-skills ready. Seven builds. Any stack.

in the skill textOne-stylesheet CSS framework for plain HTML: no build step, no JavaScript. Typography, forms, tables, buttons, and layout out of the box. Light or dark. Built

Skill·MIT·★ 47·No key

copycat - Claude Code skill: URL → pixel-perfect website clone. Playwright capture (3 viewports, folds, sections, hover), design-token extraction, pixel-diff verification loop. README EN/FR.

in the skill textExtract** everything the browser exposes: `@font-face` + font files, CSS variables, palette, typography scale, containers, breakpoints, sticky elements, keyframes and transitions, images at their rendered size

Skill·MIT·★ 48·No key

A Claude Code skill that turns Claude into a design reviewer that SEES your page. Uses Playwright MCP to capture desktop/tablet/mobile screenshots, audit typography, contrast, rhythm, hierarchy — and

Skill·MIT·★ 3·Few stars·No key

Slides AI Plugin for Claude, OpenClaw, etc that turns any idea into a full presentation — animated HTML or editable PowerPoint — from a single prompt

in the skill textfully editable PowerPoint (`.pptx`) files with 12 curated style presets, adaptive typography, layout validation, and speaker notes — just ask Claude. --- ## Quick Start ### Installation #### Option 1: CLI

Skill·MIT·★ 41·No key

AI agent skill to generate beautiful, unique slide decks with reveal.js - new design for every prompt.

in the skill textwhatever you have. 2. **It generates a theme.** A custom color palette, typography, and a 2-slide preview in that style. It opens the preview for

Skill·MIT·★ 51·No key

Convert HTML slide decks to truly editable PPT / .pptx - text stays native PowerPoint textboxes, not screenshots. Agent Skill (Claude Code / Cursor / Codex / opencode) + plain Python CLI.

in the skill textWhy this exists HTML is a great medium for slide decks — layout, typography, animation, and complex visuals are all more flexible than in PowerPoint. But delivery

Skill·MIT·★ 86·No key

A Claude Skill that builds polished, interactive HTML explainers, with an automatic QA loop and anti-slop visual guards.

in the skill textbuilds around a single clear centerpiece. - **Hits a 10× visual bar** — editorial typography, a semantic palette, real use of the horizontal space, and an explicit anti

Skill·MIT·★ 19·No key

Agent Skill for distinctive frontend design, responsive implementation, visual review, and browser-verified UI quality.

in the skill textfake metrics, oversized headings, and stacked visual effects. - Establishes reusable rules for typography, color roles, spacing, surfaces, controls, states, and motion. - Requires explicit mobile, tablet, desktop

Skill·MIT·★ 18·No key

present — скилл для Claude Code для создания презентации в HTML формате

in the skill textspecific content — different talks come out as visually different decks (structure, palette, typography, background, character of motion). The output is a **self-contained HTML file

Skill·MIT·★ 16·No key

Firefox extension that extracts styles from any websites and generates DESIGN.md and SKILL.md files for Google Stitch, Claude Design, Codex and Cursor

in the skill textAvailable actions | Action | Description | | --- | --- | | Auto-extract | Reads styles from the active tab (typography, colors, spacing, radius, shadows, motion). | | Generate `DESIGN.md` | Produces design-system documentation markdown from

Skill·MIT·★ 16·No key

AI skill for mirroring public webpages into local pixel-perfect replicas with captured assets, visual QA, and rebranding inventories. 像素级复刻公开网站，内置抓取资源、视觉QA能力和品牌替换清单。

in the skill textfonts, favicons, and manifest assets. - **Keeps fidelity as the goal**: preserves layout, typography, media crop, root-relative paths, scroll behavior, and mobile rendering. - **Runs

Skill·MIT·★ 10·No key

Turn any analysis into a magazine-quality interactive HTML document. A Claude Code skill.一句话生成claude风格hmtl网页，报告、分析都可用

in the skill textlike *The Economist* or *McKinsey Quarterly* — single-column editorial flow, three-typeface typography, interactive widgets woven into narrative prose. ## Features - **Single-file output** — One `.html` file

Skill·MIT·★ 3·Few stars·No key

Claude Code skill: turn any visual identity into a paired DESIGN.md + design-showcase.html. Built on the awesome-design-md format.

in the skill textsingle markdown file that captures a brand's visual identity — color tokens, typography scale, components, do's and don'ts — in a format optimized for LLM

Skill·Apache-2.0·★ 3·Few stars·No key

Claude Code skill for designer-quality .pptx slides — HTML/SVG → headless Chrome → PNG → python-pptx embed pipeline. Layers on top of Anthropic's pptx skill.

in the skill textHTML/SVG body. Look at the arrow, the shadows, the iconography, the typography. --- ## Why If you've ever written a `python-pptx` script and then watched your

Skill·MIT·★ 3·Few stars·No key

Claude Code skill that produces Korean motion-graphics videos end to end: brief, research, script, ElevenLabs narration, music, images, deterministic HTML render, mix and automated QA.

in the skill textcritique keeps every segment. The skill is written for Korean content (Korean typography, Korean narration and pronunciation rules), but the engine, renderer and audio tools are

Skill·MIT·★ 33·No key