Topic · Frontend & Design
Best design systems skills, page 14
Design systems skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 625 | 625.Kami Deck Produce a print-grade slide deck in the kami (紙 / 纸) design system — warm parchment background (or ink-blue for cover / chapter slides), serif at one weight, ink-blue accent ≤ 5% per slide, no italic. | sanqiufong/ | 132 | 1 repo | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
| 626 | 626.Ijfw Ship A skill your agent uses when the user says 'ship it', 'ship this', 'release', 'publish', 'launch', 'deploy', 'go live', 'wrap this up', 'time to ship', or invokes '/ijfw-ship'. | FerroxLabs/ | 212 | — | ~2k | Automated safety check: Notes | MIT | 4 days ago |
| 627 | 627.Mcaf UI UX Use UI/UX engineering guidance for design systems, accessibility, front-end technology selection, and design-to-development collaboration. | managedcode/ | 138 | — | ~888 | Automated safety check: Pass | MIT | 2 days ago |
| 628 | Decide the semver bump (major, minor or patch) for a design system release from a diff or change list, with reasoning and a CHANGELOG entry. | murphytrueman/ | 206 | — | ~2.9k | Automated safety check: Pass | MIT | 15 days ago |
| 629 | 629.Tad Generator Generate a Technical Architecture Document (TAD) from a PRD. | luongnv89/ | 131 | — | ~4k | Automated safety check: Pass | MIT | today |
| 630 | 630.UI Design Unify product UI design, frontend implementation, and verification. | AnastasiyaW/ | 154 | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 631 | 提供前端开发、UI 实现、移动应用开发和现代前端框架能力。当需要实现用户界面、构建组件或开发移动应用时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent. | Prorise-cool/ | 305 | — | ~1.4k | Automated safety check: Pass | No licence | 23 days ago |
| 632 | 632.UI Design System UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. | borghei/ | 886 | — | ~3.8k | Automated safety check: Pass | MIT | 2 days ago |
| 633 | Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. | telagod/ | 243 | — | ~538 | Automated safety check: Pass | MIT | 2 mo ago |
| 634 | 634.SVG Dashboard A skill your agent uses when asked to generate SVG data visualization dashboards from investigation data or skill reports. | SCStelz/ | 250 | — | ~5.7k | Automated safety check: Pass | MIT | today |
| 635 | 635.Visual Ralph [OMX] Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with built-in visual verdict and pixel-diff evidence until the… | yangyuan-zhen/ | 316 | — | ~2.3k | Automated safety check: Pass | AGPL-3.0 | 18 days ago |
| 636 | Build UI with Core's shadcn/Base UI system. An agent skill from Asymmetric-al/core. | Asymmetric-al/ | 381 | — | ~1.6k | Automated safety check: Pass | AGPL-3.0 | today |
| 637 | 637.App UI Design Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook. | majiayu000/ | 287 | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 638 | Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system. | meta-quest/ | 215 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 14 days ago |
| 639 | 639.Design Context Refresh UI/UX context from design system, Storybook, and codebase | WellApp-ai/ | 345 | — | ~659 | Automated safety check: Pass | MIT | 2 days ago |
| 640 | 640.Frontend Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D. | notque/ | 439 | — | ~5k | Automated safety check: Notes | MIT | 6 days ago |
| 641 | 641.UI Design Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data. | mblode/ | 144 | — | ~6.3k | Automated safety check: Pass | MIT | today |
| 642 | Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. | bencium/ | 446 | — | ~6.4k | Automated safety check: Pass | MIT | 5 days ago |
| 643 | Safely disassemble SillyTavern character cards from JSON or PNG into sandboxed, reviewable components, and design or maintain registry-driven component libraries and recipes. | LiarMTTT/ | 153 | — | ~2k | Automated safety check: Pass | Unknown | 5 days ago |
| 644 | Orchestrate data-driven SillyTavern rolecard live development, iteration, validation, JSON packaging, PNG payload embedding, release auditing, and delivery by adapting to tools already present in… | LiarMTTT/ | 153 | — | ~3.2k | Automated safety check: Pass | Unknown | 5 days ago |
| 645 | 645.Shadcn Layouts Generate correct shadcn/Tailwind layouts by applying CSS mental models. | jwynia/ | 169 | — | ~1.5k | Automated safety check: Pass | MIT | 7 mo ago |
| 646 | Threat Intelligence Report Design System — ReportLab-based PDF generation for A4 reports with Transilience branding, typography, and layout standards. | transilienceai/ | 562 | — | ~6.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 647 | Envilder website design system: themes, CSS variables, breakpoints, spacing, typography, and component patterns. | macalbert/ | 138 | — | ~839 | Automated safety check: Pass | MIT | 4 days ago |
| 648 | 648.Shadcn UI Using the app's local UI adapter and Toolkit or shadcn primitives. | BuilderIO/ | 7.1k | — | ~871 | Automated safety check: Pass | No licence | today |
| 649 | 649.Shadcn UI Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback. | BuilderIO/ | 7.1k | — | ~3k | Automated safety check: Pass | No licence | today |
| 650 | 650.Irrlicht Design A skill your agent uses to generate well-branded interfaces and assets for Irrlicht, either for production or throwaway prototypes/mocks/etc. | ingo-eichhorst/ | 100 | — | ~512 | Automated safety check: Pass | MIT | 4 days ago |
| 651 | 651.Design Inventory A skill your agent uses to run the Claude Design to ClosedLoop pipeline against the current web-ui. | closedloop-ai/ | 122 | — | ~7.4k | Automated safety check: Pass | Apache-2.0 | today |
| 652 | 652.Refactoring UI Audit and fix visual hierarchy, spacing, color, and depth in web UIs. | wondelai/ | 2.4k | — | ~3.9k | Automated safety check: Pass | MIT | 28 days ago |
| 653 | 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.1k | Automated safety check: Pass | MIT | today |
| 654 | 设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用;要求把视觉规则沉淀为可复用、可验证的系统契约。 | devcodex-labs/ | 439 | — | ~514 | Automated safety check: Pass | AGPL-3.0 | 22 days ago |
| 655 | 655.UI Components UI component library patterns for shadcn/ui and Radix Primitives. | yonatangross/ | 290 | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 656 | Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. | aiskillstore/ | 430 | 1 repo | ~4.8k | Automated safety check: Pass | No licence | today |
| 657 | 657.Data Viz Deck Transform audit data, performance reports, and structured analyses into polished visual deliverables. | thatrebeccarae/ | 162 | — | ~1.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 658 | Create polished HTML technical reports and multi-page documents for consulting deliverables. | thatrebeccarae/ | 162 | — | ~3.6k | Automated safety check: Pass | MIT | 4 mo ago |
| 659 | 659.Tech Diagram Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. | thatrebeccarae/ | 162 | — | ~1.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 660 | Apply the foundational reasoning of a senior UI/UX designer to interface decisions, BEFORE and WHILE generating UI, not just styling it afterward. | davidortinau/ | 175 | — | ~1.7k | Automated safety check: Pass | MIT | 3 mo ago |
| 661 | Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations. | murphytrueman/ | 206 | — | ~5.4k | Automated safety check: Pass | MIT | 15 days ago |
| 662 | 662.System Pitch Investment pitch for a new or continuing design system: cost of current state, ROI with visible assumptions, objections, the ask. | murphytrueman/ | 206 | — | ~5.9k | Automated safety check: Pass | MIT | 15 days ago |
| 663 | 663.Design System Make frontend output look intentional, not AI-generated. An agent skill from Archive228/loopkit. | Archive228/ | 755 | — | ~242 | Automated safety check: Pass | MIT | 2 mo ago |
| 664 | 664.Kb Design System Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 423 | — | ~4.1k | Automated safety check: Pass | MIT | 16 days ago |
| 665 | Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption frameworks. | Prorise-cool/ | 305 | — | ~4.4k | Automated safety check: Pass | No licence | 23 days ago |
| 666 | 666.Design System アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。 | affaan-m/ | 276k | — | ~177 | Automated safety check: Pass | MIT | 4 days ago |
| 667 | 667.Design System Build, maintain, and audit design systems — tokens, component libraries, style guides, and cross-project consistency. | espennilsen/ | 122 | — | ~1.5k | Automated safety check: Pass | MIT | 17 days ago |
| 668 | Design systems leadership across component libraries, design tokens, and design-dev collaboration. | borghei/ | 886 | — | ~3.6k | Automated safety check: Pass | MIT | 2 days ago |
| 669 | 669.Product Designer Product design across UI/UX, design systems, prototyping, and user research. | borghei/ | 886 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
| 670 | Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public… | BlackBeltTechnology/ | 315 | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 671 | Migrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. | forcedotcom/ | 1.1k | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 672 | A skill your agent uses when reviewing or implementing Lightning Data Service best practices in an LWC (.js, .html, .js-meta.xml) — UIAPI vs Apex, refreshApex / notifyRecordUpdateAvailable… | forcedotcom/ | 1.1k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
Explore related skills
Category
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