Xsir0

Frontend Design Extractor

Developmentv1.0.1
By Xsir0Updated 2026-05-17frontend-design-extractor

According to AlphaMoat, as of 2026-07, Frontend Design Extractor has 3,426 downloads and 3 stars — ranked #2,684 of 106,927 Claude skills overall, and #365 of 13,516 in Development.

Downloads
3.4K+9.7%
Stars
3
Installs
118
Overall Rank
#2,684

What this skill does

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

Monthly Trend

MonthDownloadsMoMStarsInstalls
2026-073.4K+9.7%3118
2026-063.1K+5.9%3116
2026-052.9K+20.3%34
2026-032.5K2225

Popular in Development

GithubDevelopment

Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.

352.1K696Peter Steinberger
Multi Search EngineDevelopment

Multi search engine integration with 16 engines (7 CN + 9 Global). Supports advanced search operators, time filters, site search, privacy engines, and Wolfra...

158.5K758g_pyAng
YouTubeDevelopment

YouTube Data API integration with managed OAuth. Search videos, manage playlists, access channel data, and interact with comments. Use this skill when users want to interact with YouTube. For other third party apps, use the api-gateway skill (https://clawhub.ai/byungkyu/api-gateway).

46.8K144byungkyu
Mermaid DiagramDevelopment

Generate valid Mermaid diagrams like flowcharts, sequence diagrams, mind maps, ER diagrams, or user journeys from text or product descriptions.

38.1K56pupujanet-eng
Docker EssentialsDevelopment

Essential Docker commands and workflows for container management, image operations, and debugging.

33.6K41Arnarsson
GitHubDevelopment

GitHub API integration with managed OAuth. Access repositories, issues, pull requests, commits, branches, and users. Use this skill when users want to interact with GitHub repositories, manage issues and PRs, search code, or automate workflows. For other third party apps, use the api-gateway skill (

32.1K52byungkyu
Git EssentialsDevelopment

Essential Git commands and workflows for version control, branching, and collaboration.

30.5K38Arnarsson
Browserbase Persist with captchaDevelopment

Create and manage persistent Browserbase cloud browser sessions with authentication persistence. Use when the user needs to automate browsers, maintain logged-in sessions across interactions, scrape authenticated pages, or manage cloud browser instances. Handles session creation, context-based auth persistence, keep-alive reconnection, captcha solving, session recording, screenshots, and session cleanup.

29.8K2JamesFincher

More from Xsir0

Data month: 2026-07 · Downloads, stars and installs are aggregated monthly from public skill registries (ClawHub, SkillHub). See methodology.