Codeck Design

by hiyeshu

Codeck Design is a Frontend skill for Claude Code, published by hiyeshu in codeck.

199 stars19 forkson hiyeshu/codeckAdded 2026/09/05Repository updated 2026/08/08

View source on GitHub Download repo ZIP

claude-skillsdeckkeynotepptxslide

Install in seconds

Install Codeck Design

Copy Codeck Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/hiyeshu/codeck/tree/main/skills/codeck-design ~/.claude/skills/codeck-design

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/hiyeshu/codeck.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/codeck-design/SKILL.md in hiyeshu/codeck
Installs to: ~/.claude/skills/codeck-design
Collection: One of 6 skills cataloged from this repository
Category: Frontend — 653 skills

What Codeck Design does

Codeck Design reads deck content and turns it into a single HTML presentation with a CSS design system, JS slide engine, and per-slide content. Use it when you need to generate slides from an outline or apply a visual style reference.

Codeck Design is cataloged under Frontend on DirSkills. Codeck Design comes from a repository tagged claude-skills, deck, keynote, pptx and slide.

Documentation

README

Excerpt

codeck design — @design lane

@design owns visual direction, validated design archive, design skeleton, HTML source, and assembled HTML.

Write boundaries:

This is the opening of the README. Read the full README on GitHub.

Commands Codeck Design provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/codeck

Frequently asked about Codeck Design

What else does hiyeshu publish alongside Codeck Design?
Codeck Design is one of 6 skills that DirSkills catalogs from hiyeshu/codeck, the repository it ships in. Its siblings there include Codeck, Codeck Export and Codeck Outline. Each one is a separate skill with its own page in this directory, installs the same way Codeck Design does, and is maintained by hiyeshu in that same repository. The rest of the collection is listed on the hiyeshu/codeck page.
How does Codeck Design compare to other Frontend skills?
Codeck Design ranks #609 by stars among the 653 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Codeck Design against them. Open each page to compare what they document and how they install.