R — Design skill for Claude Code
Registry Guide: Adding Components to pitsi-ui.
How to install R
Installs to ~/.claude/commands/panagiotispitsikoulis-pitsi-ui-r.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/PanagiotisPitsikoulis/pitsi-ui/HEAD/.claude/commands/r.md -o ~/.claude/commands/panagiotispitsikoulis-pitsi-ui-r.md Restart Claude Code, or start a new session, for it to be picked up.
What R does
Registry Guide: Adding Components to pitsi-ui
This guide documents everything learned about adding components, examples, hooks, and other items to the pitsi-ui registry system. It includes step-by-step instructions, hard parts, and gotchas discovered during real implementation.
Do all the imports like this inside the registry: @/registry/new-york-v4/lib/polymorphic NOT @/lib for example. You DONT have to do this for examples.
Overview
The registry system is how pitsi-ui distributes c
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Pair — Fuse two extracted designs into a single hybrid identity 3.6k ★
- Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Token
Design token creation and updates. Use when adding, modifying, or checking Dialtone design tokens (--dt- CSS v
Utility
CSS utility class creation and updates. Use when adding, modifying, or checking Dialtone CSS utilities (d- cla
Opencode App
OpenCode desktop app with a left sidebar for projects & sessions — fork of anomalyco/opencode adding a Claude-
Architecture Auditor
Software architecture and design pattern specialist. Use PROACTIVELY when adding new features, refactoring cod
Component Catalog
Component Catalog — Universal UI Registry
Typeui Install Skill
Install a curated TypeUI design SKILL.md locally for Cursor from the awesome-design-skills registry.
Related Agents
Registry Handler
Use this agent when:\n\n1. Adding new sources with index-only content: After running blz add --dry-run and see
Codebase Analytics
Use to audit the production-code side of the design system: Figma<->code parity gaps, import coverage of regis
Component Reviewer
Expert component reviewer for Claude Code Templates. Use PROACTIVELY when adding or modifying components in cl