cc-design plugin
HTML design for Claude Code and Codex: presentations, landing pages, prototypes, animations and design systems. Playwright and ffmpeg are needed
- 826 ★ on the repository
- Last commit
Minimal access
Why this level
- Installs Playwright and ffmpeg on the machine
- No license is stated
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add plugins/cc-designDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- Installs Playwright and ffmpeg on the machine
- No license is stated
This is third-party code. Review the repository files before installing.
What it does
cc-design is a plugin for Claude Code and Codex that makes HTML design: presentations, landing pages, prototypes, animations and design systems. Installation: `/plugin marketplace add ZeroZ-lab/cc-design`, then `/plugin install cc-design@cc-design`. It needs Playwright (`npx playwright install chromium`) and ffmpeg. Examples in the style of well-known products describe techniques and not brand copying. The author did not state a license, last updated on 04.07.2026.
Who it is for. For developers and designers who need quick HTML mockups, presentations and animations from an agent.
Good fit when
- You need presentations and landing pages in HTML from an agent
- You need prototypes and animations
- You need a design system in HTML
Not a fit when
- You need a clear license: there is none
- You cannot install Playwright and ffmpeg
Example request
Make a five-slide HTML presentation about a product release with transition animation and video exportLimitations
It needs Playwright with a Chromium browser download and ffmpeg, which install on your machine. The techniques are inspired by well-known products but copying other people's brands is not allowed. The agent creates files in the project. Access is minimal. The author did not state a license, rights to use and copy are not defined, check with the author.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What does cc-design do?
It creates HTML presentations, landing pages, prototypes, animations and design systems.
What is needed to work?
Playwright with Chromium and ffmpeg.
What license is it?
The author did not state a license.
Discussion
No questions or reviews yet.
Related
PluginsA kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates
designlang
designlang (design-extract)
A CLI and MCP server that reads a live website and pulls out its design system: DTCG tokens, a Tailwind config, Figma variables and a brand book
Awesome Claude Design
awesome-claude-design
A collection of ready DESIGN.md files that Claude Design expands into an interface scaffold: colors, type, components. Take as inspiration
An open-source Claude Design alternative that builds prototypes, decks, dashboards and video through your local agents
A Claude Code plugin and skill marketplace for 3D, animation and modern web: Three.js, GSAP, React Three Fiber, Babylon.js
A CLI that extracts any website's design system into tokens: colors, typography, spacing, shadows, in one run
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| cc-design (this entry) | no | 826 | |
| Tastemaker | no | 450 | an interface taste skill with a WCAG contrast check |
| 3dviz Pro Max | no | 722 | 3D scenes from an idea for Three.js, Blender and glTF |
README in short
The README describes a plugin for HTML design: presentations, landing pages, prototypes, animations and design systems, with Playwright and ffmpeg needed. No license is stated.