Topic · Frontend & Design
Best design systems skills, page 18
Design systems skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 817 | 817.Theme Gen Generate a complete design system from brand colors using AI. | sundial-org/ | 663 | — | ~671 | Automated safety check: Pass | No licence | 7 mo ago |
| 818 | Design native macOS apps following Apple's Human Interface Guidelines and Liquid Glass design system. | LeoYeAI/ | 2.2k | — | ~5.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 819 | 819.Extract Crawl an existing website (capped, multi-page) and seed stardust/current/ with PRODUCT.md, DESIGN.md, DESIGN.json, a per-page inventory, and the consolidated brand surface — the captured design… | adobe/ | 197 | — | ~11k | Automated safety check: Pass | Apache-2.0 | today |
| 820 | 820.Reskin Rebuild an existing site's pages with byte-faithful content on a separately-defined donor design system — another live site, or local static HTML prototypes (Figma donors are contract-defined, not… | adobe/ | 197 | — | ~6.1k | Automated safety check: Pass | Apache-2.0 | today |
| 821 | 821.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | today |
| 822 | A skill your agent uses whenever a design task involves visual perception, layout, hierarchy, grouping, scanning order, attention, color organization, or composition — regardless of framework… | hashgraph-online/ | 1.3k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | today |
| 823 | 823.Process Router A skill your agent uses whenever the question is how to design well over time or how to make a design that doesn't break — accessibility, prototyping cadence, MVP scoping, edge cases, performance… | hashgraph-online/ | 1.3k | — | ~855 | Automated safety check: Pass | Apache-2.0 | today |
| 824 | 824.UI Design Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens. | hashgraph-online/ | 1.3k | — | ~904 | Automated safety check: Pass | Apache-2.0 | today |
| 825 | TDesign WeChat Mini Program UI component library by Tencent. | infometa/ | 346 | — | ~3.7k | Automated safety check: Notes | No licence | today |
| 826 | 826.Frontend Design Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. | seb1n/ | 206 | — | ~2.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 827 | Organize Android strings, drawables, fonts, themes, localization, and concrete resource-backed Compose values such as MaterialTheme colors. | HoangNguyen0403/ | 571 | — | ~512 | Automated safety check: Pass | MIT | today |
| 828 | Enforce Design Language System adherence in Flutter. An agent skill from HoangNguyen0403/agent-skills-standard. | HoangNguyen0403/ | 571 | — | ~598 | Automated safety check: Pass | MIT | today |
| 829 | A skill your agent uses when creating or evolving design systems for applications. | aiskillstore/ | 430 | — | ~3.8k | Automated safety check: Pass | No licence | today |
| 830 | | Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. | secondsky/ | 227 | — | ~792 | Automated safety check: Pass | MIT | 10 days ago |
| 831 | 831.Design System Full pipeline for systematically building a UI design system. | revfactory/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
Explore related skills
More topics in Frontend & Design
- Accessibility1,037
- UI design478
- Landing pages458
- React components450
- Internationalization416
- Typography398
- Design tokens395
- Frontend development358
- CSS and styling349
- Theming and dark mode334
- Web performance312
- HTML artifacts276
- State management274
- Static sites and blogs270
- UX design267
- Responsive design258
- Web animation and motion189
- Forms and validation180
- Design to code104
- Icons and illustration64