Claude MarketplacesSubmit
pbakaus avatar

Extract

pbakaus/impeccable

Takes your scattered UI code and systematically extracts reusable components and design tokens into a proper design system. Scans for repeated patterns, hard-coded values, and inconsistent implementations, then builds well-designed components with proper TypeScript interfaces, accessibility features, and documentation. Migrates existing code to use the new shared versions and cleans up the duplicates. Smart about what to extract versus leave alone, following existing design system conventions when they exist. Honest take: finally automates the tedious but crucial work of turning ad-hoc UI code into maintainable, consistent systems.

skills.sh installs
53.2K
GitHub stars
107K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add pbakaus/impeccable --skill extract --agent claude-code

Installs into .claude/skills of the current project.

Files

Takes your scattered UI code and systematically extracts reusable components and design tokens into a proper design system. Scans for repeated patterns, hard-coded values, and inconsistent implementations, then builds well-designed components with proper TypeScript interfaces, accessibility features, and documentation. Migrates existing code to use the new shared versions and cleans up the duplicates. Smart about what to extract versus leave alone, following existing design system conventions when they exist. Honest take: finally automates the tedious but crucial work of turning ad-hoc UI code into maintainable, consistent systems.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/pbakaus/impeccable
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, Design & UI/UX

More from pbakaus/impeccable

All 24

Recommended

More Frontend Development
1alchaincyf avatarhuashu-designalchaincyf/huashu-design花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不52.8Kskills.sh installs
2firecrawl avatarfirecrawl-parsefirecrawl/cliEfficiently extract and convert the contents of any local file—such as PDF, DOCX, DOC, ODT, RTF, XLSX, XLS, or HTML—into clean, well-formatted markdown saved to51.5Kskills.sh installs
3expo avatarexpo-moduleexpo/skillsFramework (OSS). Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition D48.8Kskills.sh installs
4expo avatarnative-data-fetchingexpo/skillsUse when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support46.4Kskills.sh installs
5limrun-inc avatarlimrun-xcodelimrun-inc/skillsBuild an iOS / Apple app on remote Xcode with `lim xcode build` instead of local xcodebuild, from any environment (Linux, Windows, macOS, VM, container). Use fo44.6Kskills.sh installs
6limrun-inc avatarlimrun-expo-developmentlimrun-inc/skillsPrepare and run Expo / React Native apps on Limrun with Expo dev-client iteration. Use when the user wants an Expo dev build, Metro tunnel, hot reload, JS/TS it44.5Kskills.sh installs