claude

page-clone-brief

Extract comprehensive design tokens, layout architecture, components, navigation, content, and data schemas from any website — produces a full Page Clone Brief JSON for rebuilding pages from scratch

0 on GitHubby Aryan Patelv1.0.0MITupdated 8 months agodev-tools
/

Plugin page-clone-brief from marketplace aryanxpatel in AryanXPatel/aryanxpatel-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • website-cloning

    This skill should be used when the user asks to "clone a website", "extract design tokens", "copy a website's design", "reverse engineer a page", "extract a site's design system", "create a page clone brief", "scrape design data", "analyze a website's UI", "rebuild this page", "clone this dashboard"

Slash commands (1)

  • /page-clone-brief:clone-site

    Extract a full Page Clone Brief from any website URL. Produces design tokens, layout architecture, component catalog, navigation, content map, table schemas, and responsive behavior.

Subagents (1)

  • site-extractor

    Specialized agent for extracting design tokens and page architecture from websites. Use this agent when the user asks to "clone a website", "extract design from a site", "reverse engineer a page", or needs a Page Clone Brief. Handles both public and authenticated pages autonomously. <example>clone t

View source on GitHub

More from AryanXPatel/aryanxpatel-plugins

All 3 plugins →

gemini-image-gen

claude

Generate stunning images with Gemini 3 Pro using viral prompt optimization

1 skill · 1 command · 1 agent

0

hey-claude

claude

Give Claude Code a voice — your AI agent talks to you with context-aware speech notifications. Zero API calls, works offline, cross-platform.

1 command · hooks

0

Similar plugins

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

product-skills

claude

14 bundled product skills with 19 Python tools: product-skills fork-orchestrator with continuous-discovery loop (deterministic 16-lane router, Torres cadence tracker, OST linter, /cs-product + /cs-grill-product + /cs-product-loop), product manager toolkit (RICE, PRDs), product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, spec-to-repo, design-qa (UI finish gate: inert controls, missing states, rendered WCAG 2.2 checks). Companion standalone plugins: agile-product-owner, code-to-prd, apple-hig-expert, research-summarizer, design-qa.

14 skills · 3 commands · 1 agent · hooks

alirezarezvani/claude-skills 29,725

interface-design

claude

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.

1 skill

Dammyjay93/interface-design 5,967

designlang

claude

Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).

2 skills · 14 commands

Manavarya09/design-extract 5,068

figma-maxxing

claudecodex

Agent skills for real Figma files: Plugin API gotchas, checks before and after every write, comments to verified fixes, handoff gate.

8 skills

davepoon/buildwithclaude 3,741

Finance UI Tools

claudecodex

Generative UI design system for rendering interactive HTML/SVG widgets in Claude conversations.

1 skill

himself65/finance-skills 3,531

Maintain page-clone-brief?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins3 plugins