Search
Design systems
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 481 | 481.Product Inventor Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple. | sickn33/ | 47k | 2 repos | ~354 | Automated safety check: Pass | MIT | 2 days ago |
| 482 | 482.Governance Govern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and change communication. | plugin87/ | 1.6k | — | ~613 | Automated safety check: Pass | MIT | 3 days ago |
| 483 | 483.Image To Code Turn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette, type scale, spacing, radius, layout archetype), map it to the… | plugin87/ | 1.6k | — | ~901 | Automated safety check: Pass | MIT | 3 days ago |
| 484 | Map this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their… | plugin87/ | 1.6k | — | ~570 | Automated safety check: Pass | MIT | 3 days ago |
| 485 | Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify. | instructa/ | 139 | — | ~1.8k | Automated safety check: Pass | No licence | 13 days ago |
| 486 | 486.Write Unit Tests This rule helps in writing and running unit tests for components of blade design system | razorpay/ | 656 | — | ~1.2k | Automated safety check: Pass | MIT | 2 days ago |
| 487 | 487.Design System 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 |
| 488 | 488.Anti UI Slop Stop coding agents from shipping generic UI. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~840 | Automated safety check: Pass | MIT | 2 days ago |
| 489 | 489.Rayden Code Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns | sickn33/ | 47k | 1 repo | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 490 | 490.UI Lint Quick automated lint — detects common design system violations in seconds | sickn33/ | 47k | 1 repo | ~853 | Automated safety check: Pass | MIT | 2 days ago |
| 491 | 491.UI Pattern Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives | sickn33/ | 47k | 1 repo | ~726 | Automated safety check: Pass | MIT | 2 days ago |
| 492 | 492.UI Review Review UI code for design system compliance, accessibility, and best practices | sickn33/ | 47k | 1 repo | ~1.3k | Automated safety check: Pass | MIT | 2 days ago |
| 493 | 493.UI Setup Interactive setup wizard — guides you step-by-step to configure the design system for your project | sickn33/ | 47k | 1 repo | ~2k | Automated safety check: Pass | MIT | 2 days ago |
| 494 | 494.UI Tokens View, add, or modify design tokens in the StyleSeed design system | sickn33/ | 47k | 1 repo | ~691 | Automated safety check: Pass | MIT | 2 days ago |
| 495 | Fetch Jira ticket, create branch, implement changes, commit, push, open PR. | commercetools/ | 154 | — | ~1.6k | Automated safety check: Notes | MIT | 8 days ago |
| 496 | A skill your agent uses when styling UI for ramp.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~190 | Automated safety check: Pass | MIT | 3 days ago |
| 497 | A skill your agent uses when styling UI for raycast.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~192 | Automated safety check: Pass | MIT | 3 days ago |
| 498 | A skill your agent uses when styling UI for replit.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~191 | Automated safety check: Pass | MIT | 3 days ago |
| 499 | Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against the project's design tokens. | reticlehq/ | 1.2k | — | ~1k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 500 | The headless CometChat Chat SDK for React Native — a method → contract map for the fallback path, plus init/login ordering and listener lifecycle. | cometchat/ | 132 | — | ~1.8k | Automated safety check: Pass | MIT | 6 days ago |
| 501 | 501.Shadcn Vue shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. | secondsky/ | 227 | — | ~3.3k | Automated safety check: Pass | MIT | 13 days ago |
| 502 | 502.UI UX Designer Create interface designs, wireframes, and design systems. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | 7 repos | ~2.4k | Automated safety check: Pass | No licence | yesterday |
| 503 | Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. | aiskillstore/ | 433 | 7 repos | ~2.5k | Automated safety check: Pass | No licence | yesterday |
| 504 | 504.Design Sync Push a React design system to claude.ai/design. An agent skill from asgeirtj/system_prompts_leaks. | asgeirtj/ | 69k | — | ~7.1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 505 | Document a multi-component pattern (form validation, empty states, error handling): when to use, composition, states, a11y, anti-patterns. | murphytrueman/ | 206 | — | ~3.7k | Automated safety check: Pass | MIT | 17 days ago |
| 506 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide audio descriptions for video. | thedaviddias/ | 74k | — | ~549 | Automated safety check: Pass | MIT | 5 days ago |
| 507 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autofocus on form fields. | thedaviddias/ | 74k | — | ~508 | Automated safety check: Pass | MIT | 5 days ago |
| 508 | 508.Autoplay Media A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. | thedaviddias/ | 74k | — | ~515 | Automated safety check: Pass | MIT | 5 days ago |
| 509 | 509.Cascade Layers A skill your agent uses when reviewing a CSS architecture for specificity issues, setting up a design system, or migrating a large codebase from utility-first to a layered architecture. | thedaviddias/ | 74k | — | ~514 | Automated safety check: Pass | MIT | 5 days ago |
| 510 | 510.Color Oklch A skill your agent uses when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays. | thedaviddias/ | 74k | — | ~564 | Automated safety check: Pass | MIT | 5 days ago |
| 511 | A skill your agent uses when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning. | thedaviddias/ | 74k | — | ~548 | Automated safety check: Pass | MIT | 5 days ago |
| 512 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Hide decorative elements from assistive technology. | thedaviddias/ | 74k | — | ~672 | Automated safety check: Pass | MIT | 5 days ago |
| 513 | 513.Empty Links A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Fix empty and broken links. | thedaviddias/ | 74k | — | ~508 | Automated safety check: Pass | MIT | 5 days ago |
| 514 | 514.Flashing Content A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Prevent seizure-triggering flashing content. | thedaviddias/ | 74k | — | ~530 | Automated safety check: Pass | MIT | 5 days ago |
| 515 | 515.Focus Order A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure logical focus order. | thedaviddias/ | 74k | — | ~519 | Automated safety check: Pass | MIT | 5 days ago |
| 516 | 516.Form Labels A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Associate labels with form controls. | thedaviddias/ | 74k | — | ~565 | Automated safety check: Pass | MIT | 5 days ago |
| 517 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use logical heading hierarchy. | thedaviddias/ | 74k | — | ~516 | Automated safety check: Pass | MIT | 5 days ago |
| 518 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use inclusive language. | thedaviddias/ | 74k | — | ~520 | Automated safety check: Pass | MIT | 5 days ago |
| 519 | 519.Link Text A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use descriptive link text. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 5 days ago |
| 520 | 520.Parallax Effects A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alternatives to parallax effects. | thedaviddias/ | 74k | — | ~523 | Automated safety check: Pass | MIT | 5 days ago |
| 521 | 521.Reduced Motion A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Respect reduced motion preferences. | thedaviddias/ | 74k | — | ~534 | Automated safety check: Pass | MIT | 5 days ago |
| 522 | 522.Semantic Lists A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic list elements. | thedaviddias/ | 74k | — | ~504 | Automated safety check: Pass | MIT | 5 days ago |
| 523 | A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid sensory-only instructions. | thedaviddias/ | 74k | — | ~533 | Automated safety check: Pass | MIT | 5 days ago |
| 524 | 524.Text In Images A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid images of text. | thedaviddias/ | 74k | — | ~514 | Automated safety check: Pass | MIT | 5 days ago |
| 525 | 525.Text Resizing A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Support text resizing to 200%. | thedaviddias/ | 74k | — | ~509 | Automated safety check: Pass | MIT | 5 days ago |
| 526 | 526.Zoom Reflow A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Support content reflow at 400% zoom. | thedaviddias/ | 74k | — | ~530 | Automated safety check: Pass | MIT | 5 days ago |
| 527 | Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm. | PostHog/ | 40k | — | ~1.3k | Automated safety check: Pass | Unknown | yesterday |
| 528 | 528.Openforms Mui Author, render, preview and debug OpenForms FormSchemaJSON form definitions as idiomatic, themed, accessible MUI (React). | BlackBeltTechnology/ | 315 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
