Design Claude skill
Frontend Design Ops Build or polish any frontend with a clear point of view — and zero generic AI slop.
When to use it Before building or revising a public website, product page, app screen, or component with an AI coding agent.
What it enforces Pick one strong aesthetic direction before writing a line of code Mobile-first CSS with clear design tokens Semantic, accessible HTML by default No-AI-slop rules: no filler stats, fake logos, or glassmorphism on everything Ship checklist — clear hero promise, real hierarchy, specific CTA frontend design ui ux polish css accessibility
cp -R claude-skills/frontend-design-ops ~/.claude/skills/Copy
Download the kit Dashboards Claude skill
Dashboard Design Ops Build operator dashboards that show real data and safe actions — not decoration.
When to use it When building internal dashboards, command centers, CRM views, analytics panels, or operator consoles.
What it enforces Five required lanes: attention, recent changes, safe actions, blockers, guardrails Real data or honest empty states — never invented metrics Separate draft / staged / approved / sent / failed states Approval-gate every dangerous action Stays usable on mobile and tablet dashboard command-center ops crm analytics ai
cp -R claude-skills/dashboard-design-ops ~/.claude/skills/Copy
Download the kit Conversion Claude skill
Landing Page Design Ops Turn a vague idea into a conversion-focused landing page structure.
When to use it When creating a landing page for a service, product, waitlist, downloadable resource, or local-business offer.
What it enforces 9-part structure: promise → audience → problem → mechanism → proof → includes → CTA → objections → final CTA Copy rules: say the actual result, name the audience, proof over hype One primary action, with CTA copy matched to user intent Repeat the CTA after proof and after objection handling landing-page conversion copywriting offer cro
cp -R claude-skills/landing-page-design-ops ~/.claude/skills/Copy
Download the kit Code Review Claude skill
Codex Review Ops Review AI-generated code for correctness, security, accessibility, and brief-match.
When to use it When reviewing AI-generated code or Claude Code output before you ship it.
What it enforces 7-step review order — restate the intended outcome first Flags fake data, placeholders, and unconnected UI Reviews security and secret handling Checks accessibility and mobile UX Returns required fixes before optional polish review codex qa security accessibility
cp -R claude-skills/codex-review-ops ~/.claude/skills/Copy
Download the kit 