LemonFace0309/charles-skills

Overview

This repository collects skills written for coding agents that read SKILL.md, including Claude Code and Codex. The skills target interface design and presentation work rather than code generation: charles-unslop restructures AI-looking UI around a single design idea, charles-polish iteratively improves existing UI and checks motion frame by frame, charles-ux-animation packages UX and animation principles into a build-and-review procedure charles-ux-animation, and charles-unreasonable-craft pushes web and app design toward an award-level bar charles-unreasonable-craft.

Several skills produce assets: charles-accent-heroes generates landing-page hero images around one bold accent colour charles-accent-heroes, charles-store-screenshots renders App Store screenshot sets at exact iPhone and iPad sizes charles-store-screenshots, and charles-arcade-motion makes pixel-art motion graphics timed to a voiceover charles-arcade-motion. Two more handle housekeeping and editing: charles-storage-cleanup finds large files on a Mac and can report before deleting charles-storage-cleanup, and charles-claude-editing cuts talking-head footage into Reels and TikToks using the author's own workflow charles-claude-editing.

Quick start

Install one skill into a project with the skills CLI, replacing the skill name as needed:

npx skills add LemonFace0309/charles-skills --skill charles-unslop

Add -g to install for every project. To install manually, clone the repository and copy the skill folder into ~/.claude/skills/ for Claude Code or ~/.agents/skills/ for Codex:

git clone https://github.com/LemonFace0309/charles-skills
cp -R charles-skills/skills/charles-unslop ~/.claude/skills/

Start a new agent session and invoke the skill by name from the list in the README:

/charles-unslop this login page
/charles-polish the checkout flow, then verify the motion frame by frame

Codex uses $charles-unslop instead of slash syntax.

Requirements and limits

Skills are plain SKILL.md instructions, so they follow the capabilities of the hosting agent. Asset-generating skills have extra dependencies: charles-accent-heroes needs Python and an OpenAI API key, and its word check runs on macOS; charles-store-screenshots needs Python, Playwright and Chrome, with an OpenAI API key for generated art. charles-storage-cleanup targets Mac storage, while charles-claude-editing hard-codes the author's music and sound paths and requires edits. charles-arcade-motion does not ship its sprite library, so users need to generate their own cast. No license is declared in the repository metadata, though credits note that charles-unslop is adapted from unslop under CC BY 4.0, and charles-ux-animation draws on userinterface.wiki and Laws of UX.

HotRepo's take

The project entered HotRepo's new-project list on 2026-11-13 (JavaScript), recording 105 stars and 3 forks, with a one-hour sampling window showing 5 new stars. It has no recorded rank on the all-language daily GitHub chart. Those numbers show early, short-lived attention on a newly created repository rather than sustained adoption, so readers should gauge relevance from the specific skills and their dependencies rather than the star count.

HotRepo 点评

该项目于 2026-11-13 进入 HotRepo 新项目榜（JavaScript 语言），记录到 105 星、3 个 fork，1 小时采样窗口内新增 5 星；没有全语言 GitHub 日榜名次记录。这些数字反映的是一个新建仓库在早期获得的短暂关注，而非持续采用，读者应结合具体技能和依赖判断是否适用，而不必以星数衡量。