Skip to content

Add Privy design skill document#142

Open
madeleine-c wants to merge 1 commit intomainfrom
mcharity/add-privy-design-skill
Open

Add Privy design skill document#142
madeleine-c wants to merge 1 commit intomainfrom
mcharity/add-privy-design-skill

Conversation

@madeleine-c
Copy link
Contributor

Summary

  • Adds PRIVY_DESIGN_SKILL.md, a comprehensive design language reference for Claude extracted from privy-next-starter
  • Includes copy-pasteable templates (globals.css, tailwind.config.js, layout.tsx), exact color hex values, component patterns with JSX snippets, and layout recipes
  • Intended to be included in prompts so Claude produces demo apps matching Privy's visual identity without manually specifying colors, fonts, or component patterns each time

Test plan

  • Review hex values against privy-next-starter/src/app/globals.css
  • Verify globals.css template is copy-pasteable into a new project
  • Verify tailwind.config.js template matches the starter
  • Spot-check component class names against source files
  • Test by including in a Claude prompt alongside feature docs to confirm output matches Privy's design

🤖 Generated with Claude Code

Comprehensive markdown reference extracted from privy-next-starter that
Claude can consume as design system context. Includes copy-pasteable
templates (globals.css, tailwind.config.js, layout.tsx), exact color hex
values, component patterns with JSX snippets, and layout recipes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Committed-By-Agent: claude
@vercel
Copy link

vercel bot commented Feb 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
privy-react-farcaster Error Error Feb 23, 2026 4:39pm
privy-react-fiat-onramp Error Error Feb 23, 2026 4:39pm
privy-react-funding Error Error Feb 23, 2026 4:39pm
privy-react-permissionless Error Error Feb 23, 2026 4:39pm
privy-react-smart-wallets Error Error Feb 23, 2026 4:39pm
15 Skipped Deployments
Project Deployment Actions Updated (UTC)
privy-next-cross-app-connect Ignored Ignored Feb 23, 2026 4:39pm
privy-next-cross-app-provider Ignored Ignored Feb 23, 2026 4:39pm
privy-next-farcaster Ignored Ignored Feb 23, 2026 4:39pm
privy-next-farcaster-mini-app Ignored Ignored Feb 23, 2026 4:39pm
privy-next-fiat-onramp Ignored Ignored Feb 23, 2026 4:39pm
privy-next-funding Ignored Ignored Feb 23, 2026 4:39pm
privy-next-permissionless Ignored Ignored Feb 23, 2026 4:39pm
privy-next-session-keys Ignored Ignored Feb 23, 2026 4:39pm
privy-next-smart-wallets Ignored Ignored Feb 23, 2026 4:39pm
privy-next-solana Ignored Ignored Feb 23, 2026 4:39pm
privy-next-starter Ignored Ignored Feb 23, 2026 4:39pm
privy-next-wagmi Ignored Ignored Feb 23, 2026 4:39pm
privy-react-pwa Ignored Ignored Feb 23, 2026 4:39pm
privy-react-starter Ignored Ignored Feb 23, 2026 4:39pm
privy-react-whitelabel-starter Ignored Ignored Feb 23, 2026 4:39pm

Request Review

Copy link
Contributor

@rodrigo-privy rodrigo-privy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One nit but otherwise, great! 👏🏼


## 1. Overview & Usage

Include this document as context in your prompt alongside feature docs. Tell Claude: "Use this Privy design skill for the UI." The result will be a demo app that matches Privy's visual identity — colors, fonts, component patterns, and layout — without manually specifying design tokens each time.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[nit] At least in the privy repo, I find it hard to discover all the different Markdown files we have for me to read myself. But it's nice to see the skills available in the Claude Code CLI after typing "/" (which I believe we get as a result of writing .claude/commands/command-name-here.md and .claude/skills/skill-name-here/SKILL.md. Regardless, I think this will be super helpful, and maybe this file can be mentioned in the README? I'm new to the examples repo, so I trust whatever you think is best!

@madeleine-c
Copy link
Contributor Author

Sync chat with @meg-mehta we should move this to monorepo, don't want people copying Privy UI to build non privy things

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants