skills.henryzh.dev

Agent skills

A working directory of 98 skills for coding agents — Claude Code, Cursor, and friends. Each one is a single SKILL.md the agent loads on demand.

Made by me · 8

Planning & Design

Development

app-screenshots

Capture and curate screenshots of a GUI desktop app for a README, landing page, or docs.

clipsmith

Plan and run a custom video-editing pipeline from a plain-language brief: highlight reels, jump-cuts, captions, beat-synced and vertical edits.

clone-site

Clone any URL into a pixel-faithful Next.js codebase: asset/CSS extraction, parallel section builders, animation porting, fidelity verification.

code-review

Review changes since a fixed point along two axes at once: repo coding standards and the originating spec.

implement

Build a piece of work from an approved spec or set of tickets.

improve-codebase-architecture

Find deepening opportunities, informed by domain language and ADRs.

make-interfaces-feel-better

Design engineering principles for polished interfaces (animations, hover states, typography, micro-interactions).

nibv0.1.1

Turn an idea or article into original hand-drawn editorial illustrations starring a recurring avatar you own.

prune

Audit a codebase for dead code, duplication, and cruft, then safely remove what no longer earns its place.

qa

Interactive QA session: report bugs conversationally while the agent files GitHub issues with codebase context.

scaffold-exercises

Create exercise directory structures with sections, problems, solutions, and explainers.

superdesign

Frontend UI/UX design agent for design thinking before implementation.

tdd

Test-driven development with red-green-refactor loop.

tldraw-offline

Drive the offline tldraw canvas app: inspect, edit, arrange, connect, lint, and script `.tldraw` files.

triage

Triage a bug or issue to root cause, then plan a TDD-based fix.

ui-skills

Opinionated constraints for building better interfaces with agents.

Platform & Operations

Apple Platforms

Frontend Best Practices

Design & Taste

awesome-design-md

A library of 74 real-brand DESIGN.md design systems (Stripe, Apple, Vercel, Linear, …) to match a brand's look.

brandkit

Premium brand-kit image generation: logo systems, identity decks, and visual-world boards.

design-taste-frontend

Anti-slop frontend skill for landing pages, portfolios, and redesigns; infers the right design direction and ships non-templated interfaces.

design-taste-frontend-v1

The original v1 taste-skill, preserved for backward compatibility.

full-output-enforcement

Override LLM truncation: enforce complete, unabridged code output and ban placeholders.

gpt-taste

Elite UX/UI + GSAP motion skill: AIDA structure, wide editorial type, bento grids, scroll-driven motion.

high-end-visual-design

High-end visual design: the exact fonts, spacing, shadows, and animations that make a site feel expensive.

image-to-code

Image-to-code for Codex: generate the design image, analyze it, then build the site to match.

imagegen-frontend-mobile

Generate premium app-native mobile screen concepts and flows inside phone mockups.

imagegen-frontend-web

Generate premium per-section website design reference images (one image per section).

industrial-brutalist-ui

Raw industrial-brutalist UI: rigid grids, extreme type contrast, analog degradation, declassified-blueprint feel.

minimalist-ui

Clean editorial interfaces: warm monochrome, typographic contrast, flat bento grids, no gradients.

redesign-existing-projects

Upgrade existing sites/apps to premium quality; audit generic AI patterns and fix without breaking functionality.

stitch-design-taste

Generate agent-friendly DESIGN.md files enforcing premium, anti-generic UI standards (for Google Stitch).

Tooling & Setup

Writing & Knowledge

Research & Reporting

Session & Output

Productivity / Weekly