Jensai Skills — Design skill for Claude Code
Production-tested Claude Code skills: design extraction, brand kits, naming, UI workflow, Remotion video, and more.
How to install Jensai Skills
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open NulightJens/jensai-skills and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Jensai Skills does
Production-tested Claude Code skills: design extraction, brand kits, naming, UI workflow, Remotion video, and more. MIT.
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
- Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
README
JensAI Skills
A collection of production-tested [Claude Code](https://claude.com/claude-code) skills for building brands, naming companies, designing UI, producing video, and processing media. Each skill lives in its own folder with a `SKILL.md`, its own README, and everything it needs to run. MIT licensed.
Install
Install the whole collection:
npx skills@latest add NulightJens/jensai-skills
Or copy any single skill folder into your Claude Code skills directory:
cp -R ~/.claude/skills/
Claude Code auto-discovers skills by their `SKILL.md` front matter.
Skills
| Skill | What it does |
|---|---|
| extract-design | Reverse-engineers a portable DESIGN.md (per the google-labs-code/design.md spec) from an existing HTML page, CSS file, screenshot, or live URL. |
| brand-kit | Generates a complete visual brand kit and style guide as a self-contained HTML file plus a companion markdown theme reference. |
| brand-voice-extractor | Extracts an authentic brand voice through a direct-response interview method and emits a reusable voice profile. |
| prompt-enhancer | Restructures rough prompts into clear, well-scaffolded prompts that get better AI responses. |
| startup-naming-scorer | Scores startup and product names with research-backed rubrics (YC, a16z, Sequoia, a 10K-company study) including an AI Slop Index. |
| ui-workflow | Full UI design pipeline: wireframes, design PRD, optional Stitch mockups, shadcn/ui components, and an anti-vibe-code checklist. |
| remotion-video-builder | Builds a complete, renderable Remotion video composition from a written style guide, including script, voiceover, and word-level captions. |
| mascot-processor | Turns mascot videos into transparent GIF, APNG, and WebM animation packs using an ffmpeg plus numpy col |
Related Skills
Video Talkcraft
Agent skill that turns Claude Code / Codex into a motion-design studio for narration videos — word-level voice
TemplateClaw
Developer template hub and project scaffolding tool packaged as a Claude Code Plugin. 32 production-ready te
ChatGPT Video Composer Skill
Mit hyperframes (und den zugehörigen Video-Skills) kann ich künftig aus einem Briefing per HTML/CSS-Kompositio
Add Captions
Generate TikTok-style animated captions for your Remotion video. Transcribes audio with Whisper, then creates
Demo Video Skill
Claude Code skill: storytelling-driven Remotion demo videos with Edge TTS voiceover, word-synced captions, and
Motion Video Design
Product animation, UI motion, portfolio videos — Apple-grade reveals, motion tokens, full production pipelines
Related Agents
Design Producer
Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l
Video Director
A specialized video production director that orchestrates the full pipeline from concept to rendered MP4. Dele
Video Studio Team Lead
Lead of the AI video production team. Orchestrates storyboard writing, visual asset generation, Remotion engin