Frontend Growth Launch

intermediate

Design, test, optimize, and publish a conversion-oriented frontend experience.

Architecture

Extract Design System

Extracts design token candidates

74/100

npx skills add arvindrk/extract-design-system

Nothing Design Skill

Generates a focused visual design direction

79/100

git clone https://github.com/dominikmartn/nothing-design-skill.git && cp -r nothing-design-skill/nothing-design ~/.claude/skills/

App Onboarding Questionnaire

Creates conversion-oriented onboarding flows

77/100

git clone https://github.com/adamlyttleapps/claude-skill-app-onboarding-questionnaire.git ~/.claude/skills/app-onboarding-questionnaire

Playwright MCP

Runs browser QA and responsive checks

92/100

npx @playwright/mcp@latest

PinMe

Publishes a shareable preview artifact

82/100

npm install -g pinme

Expected Output

Frontend Growth Launch Tokens extracted: 28 Screens generated: 6 Onboarding questions: 7 Playwright checks: 12 passed Preview: published and ready for review

Related Recipes

Visual Technical Briefing

INTERMEDIATE

Create architecture diagrams, editable whiteboards, and browser-ready briefing decks.

docsdesigncode

4 components

Frontend AI Design Studio

INTERMEDIATE

Generate, inspect, motion-audit, and browser-test frontend UI iterations.

frontenddesigntesting

5 components

Browser-Assisted QA Lab

INTERMEDIATE

Combine real-session browser automation, isolated Playwright checks, and motion review for frontend QA.

frontendtestingbrowser

4 components