Topic · Frontend & Design
Best design tokens skills, page 7
Design tokens skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 289 | 289.UI Design System UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. | borghei/ | 891 | — | ~3.8k | Automated safety check: Pass | MIT | 4 days ago |
| 290 | 290.Project Onboard Primary project onboarding for Claude Lane Stack. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 291 | 291.Web Design Lane-stack web-designer router. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 292 | 292.Vibe Interaction Vibe Coding 流水线第二步:以 idea.md 为输入,产出一份零歧义的超详细交互文档 interaction.md(第一份 UI 文档:首次定义 页面/模块/元素 ID)。 | idiotLeoLYJ/ | 140 | — | ~5.9k | Automated safety check: Warn | No licence | 1 mo ago |
| 293 | Envilder website design system: themes, CSS variables, breakpoints, spacing, typography, and component patterns. | macalbert/ | 138 | — | ~839 | Automated safety check: Pass | MIT | 6 days ago |
| 294 | 294.Ak Dev Review PR Review a GitHub pull request against Agent Kernel's architecture, design principles, code quality standards, and testing conventions, then post the findings back to the PR as review comments. | yaalalabs/ | 192 | — | ~6.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 295 | Write the spec documents for a planned Agent Kernel change under docs/specs/<issue-number-<short-title/ in three ordered stages: a concise point-form design spec (design.md) that a maintainer… | yaalalabs/ | 192 | — | ~7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 296 | 296.Shadcn UI Using the app's local UI adapter and Toolkit or shadcn primitives. | BuilderIO/ | 7.1k | — | ~871 | Automated safety check: Pass | No licence | yesterday |
| 297 | 297.Improve Website Guided journey from a live website that underperforms to a prioritized, evidence-backed backlog of conversion, usability, message, and speed fixes - each shipped as a testable experiment. | wondelai/ | 2.4k | — | ~5.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 298 | 298.Refactoring UI Audit and fix visual hierarchy, spacing, color, and depth in web UIs. | wondelai/ | 2.4k | — | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 299 | 299.Yida Design 设计应用外观、美化页面、调整主题色,或解决导航与页面风格不一致时使用. An agent skill from openyida/openyida. | openyida/ | 221 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 300 | Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. | firecrawl/ | 117 | — | ~1.9k | Automated safety check: Pass | ISC | 2 days ago |
| 301 | Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. | aiskillstore/ | 433 | 1 repo | ~4.8k | Automated safety check: Pass | No licence | yesterday |
| 302 | Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 16 days ago |
| 303 | 303.Token Audit Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. | murphytrueman/ | 206 | — | ~6.5k | Automated safety check: Pass | MIT | 16 days ago |
| 304 | 304.Token Compliance Find hardcoded colour, spacing and type values and wrong-tier token references in consuming code. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 16 days ago |
| 305 | 305.Not A Vibe Coder Turns vague prompts into 8 structured planning files for brand new projects. | sickn33/ | 47k | 1 repo | ~1.9k | Automated safety check: Warn | MIT | 2 days ago |
| 306 | 306.Tasks Phase E of greenfield project bootstrap. An agent skill from papadopouloskyriakos/agentic-chatops. | papadopouloskyriakos/ | 107 | — | ~744 | Automated safety check: Notes | No licence | 4 days ago |
| 307 | 307.UI System Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when implementing a Figma file, mock, or screenshot. | OutThisLife/ | 199 | — | ~4.8k | Automated safety check: Pass | MIT | 5 days ago |
| 308 | 308.Design Library A skill your agent uses when the user wants to start from a known brand's design language — "use the same design language as Stripe", "make it feel like Linear", "start from Notion's DESIGN.md"… | Owl-Listener/ | 251 | — | ~2.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 309 | 309.Design Memory Use at project start and completion to OBSERVE and record how the user designs — the decisions they make, the styles they reach for, their habits and inclinations across projects. | Owl-Listener/ | 251 | — | ~2.4k | Automated safety check: Pass | MIT | 3 mo ago |
| 310 | Plan design systems - component libraries, design tokens, documentation strategies, versioning, governance, and adoption frameworks. | Prorise-cool/ | 306 | — | ~4.4k | Automated safety check: Pass | No licence | 25 days ago |
| 311 | 311.Design Auditor Audit UI/UX designs for quality, AI-generated slop, and accessibility. | borghei/ | 891 | — | ~1.4k | Automated safety check: Pass | MIT | 4 days ago |
| 312 | 312.Product Designer Product design across UI/UX, design systems, prototyping, and user research. | borghei/ | 891 | — | ~3.1k | Automated safety check: Pass | MIT | 4 days ago |
| 313 | 313.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 | 19 days ago |
| 314 | 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 | yesterday |
| 315 | 315.List Styling Apply a visual style theme to any SharePoint list or document library using column formatting, view formatting, row templates, and tile layouts. | pnp/ | 133 | — | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 316 | 316.Style Bento Bento style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.8k | Automated safety check: Pass | MIT | yesterday |
| 317 | 317.Style Blueprint Blueprint engineering-drawing style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.3k | Automated safety check: Pass | MIT | yesterday |
| 318 | Figma Clean style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 319 | Glassmorphism (Frosted Glass) style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 320 | High Contrast accessibility style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 321 | 321.Style Monochrome Monochrome style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 322 | Neobrutalism style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.9k | Automated safety check: Pass | MIT | yesterday |
| 323 | 323.Style Pastel Pastel style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.6k | Automated safety check: Pass | MIT | yesterday |
| 324 | 324.Style Retro Retro Memphis style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~3.5k | Automated safety check: Pass | MIT | yesterday |
| 325 | 325.Style Terminal Terminal / Hacker style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 326 | 326.UI Design System A skill your agent uses when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or design-dev handoff materials. | majiayu000/ | 287 | — | ~328 | Automated safety check: Pass | MIT | 2 days ago |
| 327 | 327.Inspira UI 120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. | secondsky/ | 227 | — | ~2.6k | Automated safety check: Pass | MIT | 13 days ago |
| 328 | Design the tool surface, resources, and service layer for a new MCP server. | cyanheads/ | 158 | — | ~22k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 329 | Archived DESIGN.md impact experiment compatibility gate. An agent skill from kwakseongjae/oh-my-design. | kwakseongjae/ | 533 | — | ~268 | Automated safety check: Pass | MIT | 10 days ago |
| 330 | 330.Design Taste Context-first anti-slop visual review for landing pages, portfolios, and existing web UI. | VKirill/ | 122 | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 331 | 331.Project Design Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 332 | A skill your agent uses when reverse-engineering a codebase's implicit design system, creating a DESIGN.md style guide, documenting design tokens, or establishing visual language standards. | theexperiencecompany/ | 308 | — | ~2.6k | Automated safety check: Pass | Unknown | yesterday |
| 333 | Automate Figma design token sync and asset export in CI/CD pipelines. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 334 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 335 | Deploy Figma-powered applications to Vercel, Cloud Run, and Fly.io. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 336 | Migrate design systems between Figma files, or from other tools to Figma via API. | jeremylongshore/ | 2.8k | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,036
- Design systems829
- UI design477
- Landing pages452
- React components451
- Internationalization416
- Typography399
- Frontend development361
- CSS and styling346
- Theming and dark mode332
- Web performance312
- HTML artifacts275
- State management274
- Static sites and blogs272
- UX design268
- Responsive design257
- Web animation and motion190
- Forms and validation179
- Design to code106
- Icons and illustration64