phrazzld/claude-config

1

pencil-to-code Export .pen design to React/Tailwind code. Does ONE thing well. Input: .pen frame ID or file path Output: React comp…

phrazzld/claude-config

177

2

pencil-renderer Render DNA codes to Pencil .pen frames. Does ONE thing well. Input: DNA code + component type (hero, card, form, etc…

phrazzld/claude-config

113

3

ui-skills Opinionated constraints for building better interfaces with agents.

phrazzld/claude-config

111

4

autopilot Full delivery pipeline: plan, build, ship, settle. Covers: shape/spec/design, TDD build, commit, PR creation, PR fix …

phrazzld/claude-config

47

5

llm-gateway-routing LLM gateway and routing configuration using OpenRouter and LiteLLM. Invoke when: - Setting up multi-model access (Ope…

phrazzld/claude-config

37

6

browser-extension-dev Browser extension development with security and cross-browser support. Use when: - Building Chrome, Firefox, or Safar…

phrazzld/claude-config

30

7

documentation-standards Apply documentation standards: comment why not what, minimal comments (prefer clear code), maintain README with quick…

phrazzld/claude-config

28

8

extension-toolchain Apply modern browser extension toolchain patterns: WXT (default), Plasmo, CRXJS for Chrome/Firefox/Safari extensions.…

phrazzld/claude-config

28

9

design-audit DESIGN-AUDIT

phrazzld/claude-config

27

10

naming-conventions Apply universal naming principles: avoid Manager/Helper/Util, use intention-revealing names, domain language, verb+no…

phrazzld/claude-config

27

11

demo-video Generate product demo videos programmatically with Remotion + voiceover. Use when: creating product demos, explainer …

phrazzld/claude-config

26

12

growth-sprint Weekly growth ritual. Pick one product to push. Guide through content, distribution, outreach, and measurement. Creat…

phrazzld/claude-config

26

13

python-standards Modern Python development with uv, ruff, mypy, and pytest. Use when: - Writing or reviewing Python code - Setting up …

phrazzld/claude-config

26

14

announce Launch post generator for multiple platforms. Creates Twitter, HN, Reddit, and Indie Hackers announcements. Use for …

phrazzld/claude-config

25

15

architect Interactive technical exploration. Answers HOW to build what the spec defined. Dual mode: full exploration (user-invo…

phrazzld/claude-config

25

16

changelog-audit Audit existing changelog/release infrastructure. Finds issues, misconfigurations, and drift.

phrazzld/claude-config

25

17

check-bitcoin Audit Bitcoin payment integration. Checks node connectivity, wallet health, address management, UTXO hygiene, and net…

phrazzld/claude-config

25

18

cro Conversion rate optimization orchestrator. Analyzes conversion funnels and applies domain-specific patterns. Use whe…

phrazzld/claude-config

25

19

design-tokens Apply design token patterns using Tailwind CSS 4 @theme directive: CSS variables, semantic naming, color systems, typ…

phrazzld/claude-config

25

20

fix-ci CI

phrazzld/claude-config

25

21

log-landing-issues Run /check-landing, then create GitHub issues for all findings. Issues are created with priority labels and structure…

phrazzld/claude-config

25

22

log-onboarding-issues Run /check-onboarding, then create GitHub issues for all findings. Issues are created with priority labels and struct…

phrazzld/claude-config

25

23

mobile-toolchain Apply modern mobile development toolchain patterns: Expo (default), React Native, Tauri for iOS/Android apps. Use whe…

phrazzld/claude-config

25

24

paid-ads When the user wants help with paid advertising campaigns on Google Ads, Meta (Facebook/Instagram), LinkedIn, Twitter/…

phrazzld/claude-config

25

25

ruby-conventions Ruby and Rails best practices for services, testing, and architecture. Use when: - Writing or reviewing Ruby/Rails co…

phrazzld/claude-config

25

26

stripe-scaffold Generate Stripe integration code from a design document. Produces working code, not just templates.

phrazzld/claude-config

25

27

structured-logging Apply structured logging best practices using Pino for Node.js applications: JSON output, log levels, context, redact…

phrazzld/claude-config

25

28

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

phrazzld/claude-config

25

29

billing-security Apply billing and security best practices for payment/auth integrations. Invoke when: setting up Stripe/Clerk/auth, d…

phrazzld/claude-config

24

30

code-review-checklist Apply comprehensive code review checklist covering purpose, design, quality, correctness, security, performance, test…

phrazzld/claude-config

24

31

convex-development Apply Convex database best practices for cost optimization, performance, security, and architecture. Use when: buildi…

phrazzld/claude-config

24

32

critique CRITIQUE

phrazzld/claude-config

24

33

dashboard Unified portfolio dashboard. Traffic, revenue, errors - all products at a glance. Weekly traction check in 2 minutes.…

phrazzld/claude-config

24

34

documentation Complete documentation infrastructure. Audits current docs, generates missing pieces, updates stale content, and veri…

phrazzld/claude-config

24

35

llm-communication Write effective LLM prompts, commands, and agent instructions. Goal-oriented over step-prescriptive. Role + Objective…

phrazzld/claude-config

24

36

log-stripe-issues Run /check-stripe, then create GitHub issues for all findings. Issues are created with priority labels and structured…

phrazzld/claude-config

24

37

log-virality-issues Run /check-virality, then create GitHub issues for all findings. Issues are created with priority labels and structur…

phrazzld/claude-config

24

38

og-hero-image Generate premium open-graph hero images for brands using AI. Use when: creating social sharing images, website header…

phrazzld/claude-config

24

39

reconciliation-patterns Patterns for syncing state between external services (Stripe, Clerk) and local database. Invoke for: webhook failures…

phrazzld/claude-config

24

40

stripe-verify End-to-end verification of Stripe integration. Deep testing including real checkout flows, webhook delivery, and subs…

phrazzld/claude-config

24

41

testing-philosophy Apply testing philosophy: test behavior not implementation, minimize mocks, AAA structure, coverage for confidence no…

phrazzld/claude-config

24

42

typescript-excellence TypeScript best practices, type safety, and toolchain standards. Use when: - Writing or reviewing TypeScript code - S…

phrazzld/claude-config

24

43

api-design REST API design principles, versioning, and documentation. Use when: - Designing new API endpoints - Choosing between…

phrazzld/claude-config

23

44

bitcoin Complete Bitcoin payment lifecycle. Audits current state, fixes all issues, and verifies payment flows work end-to-en…

phrazzld/claude-config

23

45

brand-builder PREFER /brand-init for new projects (outputs unified brand.yaml). This skill outputs the legacy brand-profile.yaml fo…

phrazzld/claude-config

23

46

changelog Complete changelog and release notes infrastructure. Audits current state, implements missing components, and verifie…

phrazzld/claude-config

23

47

changelog-page Scaffold public changelog page for Next.js apps. Creates page, RSS feed, and GitHub API client.

phrazzld/claude-config

23

48

changelog-setup Full changelog infrastructure from scratch. Greenfield workflow. Installs semantic-release, commitlint, GitHub Action…

phrazzld/claude-config

23

49

check-landing Audit landing page: value prop, CTA, social proof, mobile, load time. Outputs structured findings. Use log-landing-is…

phrazzld/claude-config

23

50

check-observability Audit observability: error tracking, logging, health checks, analytics. Outputs structured findings. Use log-observab…

phrazzld/claude-config

23