Search
Playwright · Design systems
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Extract design primitives from a public website and generate starter token files for your project. | arvindrk/ | 237 | 1 repo | ~514 | Automated safety check: Pass | MIT | 1 mo ago |
| 2 | Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look. | senlindesign/ | 385 | — | ~5.3k | Automated safety check: Pass | No licence | 3 mo ago |
| 3 | Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. | elvisun/ | 1.5k | — | ~2k | Automated safety check: Pass | MIT | today |
| 4 | Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element. | avelikiy/ | 103 | 1 repo | ~3.2k | Automated safety check: Pass | MIT | today |
| 5 | 5.Repro Reproduce a Vaadin web component bug from a GitHub issue in vaadin/web-components. | vaadin/ | 582 | — | ~1.3k | Automated safety check: Pass | No licence | yesterday |
| 6 | Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook. | umbraco/ | 152 | — | ~1.2k | Automated safety check: Pass | MIT | 2 days ago |
| 7 | Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions. | alima-max/ | 141 | — | ~7.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 8 | Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need. | plugin87/ | 1.6k | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 9 | 9.Testing Test Radix NG primitives across every layer and pick the RIGHT one for a change: Vitest unit (zoneless), jest-axe a11y, Playwright browser regression (apps/visual-regression), SSR… | radix-ng/ | 274 | — | ~3.3k | Automated safety check: Pass | MIT | 12 days ago |
| 10 | Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames. | IgniteUI/ | 599 | — | ~6.4k | Automated safety check: Pass | MIT | 2 days ago |
| 11 | Reverse-engineer a design system from a live website (public URL or localhost). | espennilsen/ | 122 | — | ~2k | Automated safety check: Pass | MIT | 19 days ago |
| 12 | Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs. | jxnl/ | 563 | — | ~1.3k | Automated safety check: Pass | No licence | 3 mo ago |
| 13 | Extract a complete design system from an existing website or screenshot into a DESIGN.md file. | jezweb/ | 1.1k | — | ~2.2k | Automated safety check: Notes | MIT | 2 days ago |
| 14 | Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep. | daymade/ | 1.4k | — | ~8.4k | Automated safety check: Pass | MIT | yesterday |
| 15 | 15.Skillui Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI. | CraftOS-dev/ | 392 | — | ~1.2k | Automated safety check: Pass | MIT | 2 days ago |
