Skip to content
Skill

shadcn-lar

by binjuhor

AI Summary

You are an expert in conversion optimization. Analyze the content based on the given issues: <issues>$ARGUMENTS</issues> 1. Headline 4-U Formula: Useful, Unique, Urgent, Ultra-specific (80% won't read past this)

Install

Copy this and paste it into Claude Code, Cursor, or any AI assistant:

I want to install the "shadcn-lar" skill in my project.

Please run this command in my terminal:
# Install skill into your project (6 files)
mkdir -p .claude/skills/plan && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/SKILL.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/cro.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/ci.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/ci.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/fast.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/fast.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/hard.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/hard.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/parallel.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/parallel.md" && curl --retry 3 --retry-delay 2 --retry-all-errors -o .claude/skills/plan/two.md "https://raw.githubusercontent.com/binjuhor/shadcn-lar/main/.claude/commands/plan/two.md"

Then restart Claude Code (or reload the window in Cursor) so the skill is picked up.

Description

Create a CRO plan for the given content

Conversion Optimization Framework

• Headline 4-U Formula: Useful, Unique, Urgent, Ultra-specific (80% won't read past this) • Above-Fold Value Proposition: Customer problem focus, no company story, zero scroll required • CTA First-Person Psychology: "Get MY Guide" vs "Get YOUR Guide" (90% more clicks) • 5-Field Form Maximum: Every field kills conversions, progressive profiling for the rest • Message Match Precision: Ad copy, landing page headline, broken promises = bounce • Social Proof Near CTAs: Testimonials with faces/names, results, placed at decision points • Cognitive Bias Stack: Loss aversion (fear), social proof (FOMO), anchoring (pricing) • PAS Copy Framework: Problem > Agitate > Solve, emotion before logic • Genuine Urgency Only: Real deadlines, actual limits, fake timers destroy trust forever • Price Anchoring Display: Show expensive option first, make real price feel like relief • Trust Signal Clustering: Security badges, guarantees, policies all visible together • Visual Hierarchy F-Pattern: Eyes scan F-shape, put conversions in the path • Lead Magnet Hierarchy: Templates > Checklists > Guides (instant > delayed gratification) • Objection Preemption: Address top 3 concerns before they think them, FAQ near CTA • Mobile Thumb Zone: CTAs where thumbs naturally rest, not stretching required • One-Variable Testing: Change one thing, measure impact, compound wins over time • Post-Conversion Momentum: Thank you page sells next step while excitement peaks • Cart Recovery Sequence: Email in 1 hour, retarget in 4 hours, incentive at 24 hours • Reading Level Grade 6: Smart people prefer simple, 11-word sentences, short paragraphs • TOFU/MOFU/BOFU Logic: Awareness content ≠ decision content, match intent precisely • White Space = Focus: Empty space makes CTAs impossible to miss, crowded = confused • Benefit-First Language: Features tell, benefits sell, transformations compel • Micro-Commitment Ladder: Small yes leads to big yes, start with email only • Performance Tracking Stack: Heatmaps show problems, recordings show why, events show what • Weekly Optimization Ritual: Review metrics Monday, test Tuesday, iterate or scale

Workflow

• If the user provides a screenshots or videos, use ai-multimodal skill to describe as detailed as possible the issue, make sure copywriter can fully understand the issue easily based on the description. • If the user provides a URL, use web_fetch tool to fetch the content of the URL and analyze the current issues. • You can use screenshot capture tools along with ai-multimodal skill to capture screenshots of the exact parent container and analyze the current issues with the appropriate Gemini analysis skills (ai-multimodal, gemini-video-understanding, or gemini-document-processing). • Use /scout:ext (preferred) or /scout (fallback) slash command to search the codebase for files needed to complete the task • Use planner agent to create a comprehensive CRO plan following the progressive disclosure structure: • Create a directory plans/{date}-plan-name (date format from $CK_PLAN_DATE_FORMAT). • Save the overview access point at plan.md, keep it generic, under 80 lines, and list each phase with status/progress and links. • For each phase, add phase-XX-phase-name.md files containing sections (Context links, Overview with date/priority/statuses, Key Insights, Requirements, Architecture, Related code files, Implementation Steps, Todo list, Success Criteria, Risk Assessment, Security Considerations, Next steps). • Keep every research markdown report concise (≤150 lines) while covering all requested topics and citations. • Do not start implementing the CRO plan yet, wait for the user to approve the plan first. IMPORTANT: Sacrifice grammar for the sake of concision when writing reports. IMPORTANT: In reports, list any unresolved questions at the end, if any.

Discussion

0/2000
Loading comments...

Health Signals

MaintenanceCommitted 1mo ago
Active
AdoptionUnder 100 stars
64 ★ · Niche
DocsMissing or thin
Undocumented

GitHub Signals

Stars64
Forks23
Issues0
Updated1mo ago
View on GitHub
No License

My Fox Den

Community Rating

Sign in to rate this booster

Works With

Claude Code