raphaelmans
Community@raphaelmans
raphaelmans maintains 157 skills spanning frontend interface design, React/Expo development, SEO and conversion optimization, and OpenSpec change management.
Agent Skills by raphaelmans
Showing 151 vetted skills indexed across 2 GitHub repositories.
raphaelmansdeploy-to-vercel
Deploy projects to Vercel via CLI, git push, or claimable deploy scripts.
raphaelmanspick-ui-library
Recommends curated React libraries for frontend tasks like charts, toasts, drag and drop, and state.
raphaelmansfind-animation-opportunities
Scan a codebase for UI moments that warrant motion and propose exact animation recipes.
raphaelmansopenspec-apply-change
Implements tasks from an OpenSpec change using the openspec CLI workflow.
raphaelmansimprove-animations
Audits codebase animation code and writes self-contained motion improvement plans.
raphaelmansimpeccable
Designs, critiques, audits, and refines frontend interfaces across web and native platforms.
raphaelmansdevelopment
Configure local development startup, stable origins, and Portless proxy integration for Node.js applications.
raphaelmansopenspec-explore
Explores ideas and clarifies requirements through OpenSpec change artifacts and codebase investigation.
raphaelmansreact-doctor
Scans React codebases for security, performance, and architecture issues with a health score.
raphaelmansopenspec-verify-change
Verify implementation matches OpenSpec change artifacts before archiving.
raphaelmansopenspec-new-change
Creates a new OpenSpec change scaffold using the artifact-driven workflow.
raphaelmansserver
Route backend work through modular server architecture slices for design, review, and scaffolding.
raphaelmansprototype
Builds multiple divergent UI variants behind a keyboard-driven picker for live comparison and selection.
raphaelmansopenspec-update-change
Revises OpenSpec change planning artifacts and keeps them coherent with each other.
raphaelmansvercel-react-view-transitions
Implements React View Transition animations for route changes, shared elements, and Suspense reveals.
raphaelmanswrite-swift
Guides writing, reviewing, and migrating modern Swift code with Swift 6 concurrency and value-type modeling.
raphaelmansask-sonner
Guides setup, usage, styling, and troubleshooting of Sonner toast notifications in React.
raphaelmansopenspec-archive-change
Archives completed OpenSpec changes after verifying artifacts, tasks, and spec sync state.
raphaelmansapple-design
Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials for the web.
raphaelmansvercel-optimize
Audits Vercel projects using observability metrics to produce ranked cost and performance recommendations.
raphaelmansopenspec-propose
Generates complete OpenSpec change proposals with specs, design, and tasks artifacts.
raphaelmansopenspec-bulk-archive-change
Archive multiple completed OpenSpec changes in one batch with conflict-aware spec syncing.
raphaelmansopenspec-continue-change
Creates the next artifact in an OpenSpec change workflow using the openspec CLI.
raphaelmansreview-animations
Reviews animation and motion code against easing, duration, performance, and accessibility standards.
Frequently Asked Questions About raphaelmans
FAQPage SchemaWhat tasks can I accomplish with raphaelmans's skill collection?▼
You can audit and fix SEO, generate programmatic landing pages, design and polish web and mobile interfaces, build React/Next.js and Expo apps, run CRO experiments on signup and paywall flows, write marketing copy and email sequences, and manage OpenSpec change lifecycles from proposal to archive.
Who is the target audience for these skills?▼
Frontend engineers, design engineers, and growth marketers working in React, Next.js, and Expo ecosystems. Product teams benefit from PRD-to-issue conversion, user story generation, and QA test planning, while marketers use the SEO, paid ads, analytics tracking, and churn-prevention skills.
How do I install and run these skills?▼
Skills are installed via the find-skills or skill-installer entries using npx skills commands or by copying from GitHub into a skills directory such as CODEX_HOME/skills. Each skill carries SKILL.md frontmatter; OpenSpec skills additionally require the openspec CLI installed locally.
Are these skills free and open source?▼
Yes. The OpenSpec change-management skills and Vercel-authored skills (react-best-practices, composition-patterns, view-transitions) are explicitly MIT licensed. Other skills are distributed through the public registry and GitHub repositories at no cost.
What prerequisites or dependencies do these skills require?▼
OpenSpec skills require the openspec CLI. Expo skills need an Expo/EAS project with NativeWind or Reanimated as applicable. Vercel skills target Next.js deployments, Obsidian skills require an Obsidian vault, and Figma-related skills use MCP server integration with Code Connect.