Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Snug
  • Agent Caffeine
  • knobs
  • Wax
  • Vectoys
  • mertduzgun.com
Crafted at
Skills/Frontend Development
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.

installs
53.2K
GitHub stars
89.4K
last updated
Aug 21, 2026
View on GitHubSave

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

SnugThe clipboard manager you and your agent can use, safelyAgent CaffeineClose your lid, come back to finished workWaxBlock anything with supervision, without erasing your iPhoneOpen StepsSponsoredFree and open-source skills that make AI coding agents easier to understand, verify, and control.

Details

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

More from pbakaus/impeccable

All 24
  • Frontend Design53.2K
  • Onboard53.1K
  • Harden53K
  • Teach Impeccable50K
  • Arrange39.1K
  • Shape30K
  • Layout26.4K
  • Impeccable363.1K
  • Polish85.2K
  • Critique82.6K
  • Audit81.9K
  • Animate81.7K
  • Adapt81.7K
  • Clarify81.2K
  • Optimize81.1K
  • Colorize80.9K
  • Bolder80K
  • Delight79.8K
  • Distill79.5K
  • Quieter78.7K
  • Typeset64.7K
  • Overdrive62.8K
  • Normalize54.3K

Recommended

More Frontend Development
1firecrawl 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.1Kinstalls
2alchaincyf avatarhuashu-designalchaincyf/huashu-design花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不50.6Kinstalls
3expo 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.4Kinstalls
4expo 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 D45.5Kinstalls
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 fo43.2Kinstalls
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 it43.2Kinstalls