Skip to content

feat: add wc-frontend-skill for WalletConnect UI development#14

Open
enesozturk wants to merge 1 commit intomainfrom
feat/wc-frontend-skill
Open

feat: add wc-frontend-skill for WalletConnect UI development#14
enesozturk wants to merge 1 commit intomainfrom
feat/wc-frontend-skill

Conversation

@enesozturk
Copy link

Summary

  • Adds a new skill (wc-frontend-skill) that bootstraps and develops frontend applications using the WalletConnect Shadcn UI registry
  • Ensures consistent branding across all WalletConnect projects (Dashboard, Pay, etc.)
  • Updates README with skill documentation

What the skill does

  • Component Installation: Installs UI components from the @walletconnect Shadcn registry
  • Tailwind Configuration: Sets up Tailwind CSS v3 with WalletConnect design tokens and theme variables
  • Font Setup: Downloads and configures KHTeka fonts with Next.js
  • Theming: Implements dark/light mode with next-themes
  • Layout Patterns: Creates layouts and pages matching WalletConnect design patterns

Usage

/wc-frontend-skill
# Provide a screenshot or description of the UI you want to build

Files added

  • .claude/skills/wc-frontend-skill/SKILL.md - Main skill instructions
  • .claude/skills/wc-frontend-skill/REFERENCE.md - Tailwind config, CSS variables, font setup
  • .claude/skills/wc-frontend-skill/COMPONENTS.md - Component styling patterns
  • .claude/skills/wc-frontend-skill/LAYOUTS.md - Layout templates

Test plan

  • Run /wc-frontend-skill in a new Next.js project
  • Verify components install correctly from registry
  • Verify theme switching works
  • Verify styling matches WalletConnect design system

🤖 Generated with Claude Code

Add a new skill that helps bootstrap and develop frontend applications
using the WalletConnect Shadcn UI registry with consistent branding.

Features:
- Installs UI components from @WalletConnect registry
- Configures Tailwind CSS v3 with design tokens
- Sets up KHTeka fonts
- Implements dark/light mode theming
- Creates layouts matching WalletConnect design patterns

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
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