Category
Best frontend and UI design skills, page 118
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5617 | 5617.YAML Agent Format YAML format for Claude Code agent definitions as alternative to markdown. | MadAppGang/ | 285 | — | ~4.8k | Automated safety check: Pass | MIT | 6 mo ago |
| 5618 | 5618.Cometchat A11y Keep a CometChat integration accessible — the UI Kit is designed targeting WCAG 2.1 AA with keyboard navigation (verify per component in its docs; full conformance still needs manual testing), and… | cometchat/ | 131 | — | ~1.6k | Automated safety check: Pass | MIT | 4 days ago |
| 5619 | 5619.Cometchat Audit Review an EXISTING CometChat integration and report what's wrong or risky — security (no client Auth Key, server tokens), correctness (init→login→render order, no raw localization keys, no dead… | cometchat/ | 131 | — | ~1.4k | Automated safety check: Notes | MIT | 4 days ago |
| 5620 | 5620.Cometchat I18n Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI. | cometchat/ | 131 | — | ~1.9k | Automated safety check: Pass | MIT | 4 days ago |
| 5621 | The CometChat iOS UI Kit component catalogue — what each component is for, its real API shape, and where custom UI goes. | cometchat/ | 131 | — | ~1.3k | Automated safety check: Pass | MIT | 4 days ago |
| 5622 | Upgrade an existing CometChat iOS integration from UI Kit v4 to v5 — composite components removed, theming replaced, properties renamed. | cometchat/ | 131 | — | ~940 | Automated safety check: Pass | MIT | 4 days ago |
| 5623 | 5623.Cometchat Onboarding The shared FRONT DOOR for adding CometChat to ANY app — a consultative, enterprise-grade DISCOVER → UNDERSTAND → PLAN journey that ALWAYS runs first, before any framework core. | cometchat/ | 131 | — | ~5.5k | Automated safety check: Notes | MIT | 4 days ago |
| 5624 | Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl. | cometchat/ | 131 | — | ~1.2k | Automated safety check: Notes | MIT | 4 days ago |
| 5625 | Analyse systématique d'un Data Processing Agreement (DPA) au regard de l'article 28 RGPD, des lignes directrices EDPB 07/2020 et 02/2024, des CCT 2021 (décision d'exécution 2021/914), des… | lawve-ai/ | 842 | — | ~7.7k | Automated safety check: Pass | Unknown | 7 days ago |
| 5626 | 5626.UI Package Best practices for building a Flutter UI package on Material: custom components, ThemeExtension theming, consistent APIs, widget tests, appuipackage scaffolding. | VeryGoodOpenSource/ | 170 | — | ~2.2k | Automated safety check: Warn | MIT | 3 days ago |
| 5627 | 5627.Architect Design systems and record architecture decisions as ADRs — a user-invoked Principal Architect workflow. | dralgorhythm/ | 125 | — | ~475 | Automated safety check: Pass | No licence | 2 mo ago |
| 5628 | 5628.QA Engineer Define test strategy and verify quality against WCAG and testing-pyramid criteria — a user-invoked QA Engineer workflow. | dralgorhythm/ | 125 | — | ~631 | Automated safety check: Pass | No licence | 2 mo ago |
| 5629 | Audit and optimize content sites for search — page title audits, schema injection (Organization, FAQ, LocalBusiness), meta description rewrites, URL hygiene, local landing pages, and measurement. | magnus919/ | 282 | — | ~3.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 5630 | Fix invisible or poorly visible SVG icons in Flutter when using fluttersvg package. | divinevideo/ | 266 | — | ~979 | Automated safety check: Pass | MPL-2.0 | today |
| 5631 | Debug and fix infinite widget rebuild loops in Flutter apps using Riverpod state management. | divinevideo/ | 266 | — | ~1.8k | Automated safety check: Pass | MPL-2.0 | today |
| 5632 | Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile. | divinevideo/ | 266 | — | ~1.3k | Automated safety check: Pass | MPL-2.0 | today |
| 5633 | 5633.Agent App Creator Create Agent App applications (PocketBase backend, React kit frontend). | CraftOS-dev/ | 392 | — | ~4.8k | Automated safety check: Pass | MIT | yesterday |
| 5634 | 5634.Animation Gen Generate CSS and Framer Motion animations from plain English. | sundial-org/ | 663 | — | ~644 | Automated safety check: Pass | No licence | 7 mo ago |
| 5635 | 5635.Config Guardian Validate and safeguard OpenClaw config updates (openclaw.json or openclaw config set/apply). | sundial-org/ | 663 | — | ~513 | Automated safety check: Pass | No licence | 7 mo ago |
| 5636 | Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. | sundial-org/ | 663 | — | ~2k | Automated safety check: Pass | No licence | 7 mo ago |
| 5637 | 5637.Landing Gen Generate a beautiful HTML landing page from your package.json. | sundial-org/ | 663 | — | ~660 | Automated safety check: Pass | No licence | 7 mo ago |
| 5638 | 5638.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 |
| 5639 | 5639.Watch My Money Analyze bank transactions, categorize spending, track monthly budgets, detect overspending and anomalies. | sundial-org/ | 663 | — | ~1.1k | Automated safety check: Pass | No licence | 7 mo ago |
| 5640 | 5640.Web Perf Analyzes web performance using Chrome DevTools MCP. An agent skill from sundial-org/awesome-openclaw-skills. | sundial-org/ | 663 | — | ~1.9k | Automated safety check: Pass | No licence | 7 mo ago |
| 5641 | 5641.Amann Revision A skill your agent uses when responding to an Academy of Management Annals (Annals) proposal decision or full-review referee letter — framework/attitude asks, coverage gaps, balance complaints, and… | brycewang-stanford/ | 1.2k | — | ~1.5k | Automated safety check: Pass | MIT | 12 days ago |
| 5642 | 5642.Arecon Revision A skill your agent uses when responding to Editorial Committee and referee feedback on an Annual Review of Economics (ARE) review — coverage gaps, balance/accuracy complaints, framework/structure… | brycewang-stanford/ | 1.2k | — | ~1.9k | Automated safety check: Pass | MIT | 12 days ago |
| 5643 | 5643.Arsoc Revision A skill your agent uses when responding to Editorial Committee and referee feedback on an Annual Review of Sociology (ARSoc) review — coverage gaps, balance/accuracy complaints, framework/structure… | brycewang-stanford/ | 1.2k | — | ~2.1k | Automated safety check: Pass | MIT | 12 days ago |
| 5644 | 5644.Chi Camera Ready A skill your agent uses when preparing an accepted ACM CHI paper for publication — the TAPS source upload, the PCS publication-ready package, mandatory accessibility work (alt text… | brycewang-stanford/ | 1.2k | — | ~1.5k | Automated safety check: Pass | MIT | 12 days ago |
| 5645 | A skill your agent uses when strengthening ICASSP reproducibility across signal-processing modalities — pinning the scoring ruler for the paper's metric, dataset versions and splits, front-end/DSP… | brycewang-stanford/ | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT | 12 days ago |
| 5646 | 5646.Jel Revision A skill your agent uses when responding to editor and referee feedback on a Journal of Economic Literature (JEL) survey — coverage gaps, balance complaints, framework/structure asks, and… | brycewang-stanford/ | 1.2k | — | ~1.3k | Automated safety check: Pass | MIT | 12 days ago |
| 5647 | 5647.Jep Revision A skill your agent uses when responding to Journal of Economic Perspectives (JEP) editor feedback — accessibility, balance, length, and framing — on an invited or accepted article. | brycewang-stanford/ | 1.2k | — | ~1.1k | Automated safety check: Pass | MIT | 12 days ago |
| 5648 | 5648.Jep Submission A skill your agent uses when running the final pre-submission preflight for a Journal of Economic Perspectives (JEP) proposal or manuscript — email-based submission, the accessibility bar, AEA front… | brycewang-stanford/ | 1.2k | — | ~1.1k | Automated safety check: Pass | MIT | 12 days ago |
| 5649 | 5649.Molcell Figures A skill your agent uses to finalize Molecular Cell display items — column-width sizing, minimum fonts, RGB, show-the-data with defined error bars/n/replicate type, gel/blot and structural-figure… | brycewang-stanford/ | 1.2k | — | ~1.4k | Automated safety check: Pass | MIT | 12 days ago |
| 5650 | 5650.Ngeo Writing Style A skill your agent uses when polishing the prose of a Nature Geoscience manuscript for Nature house style, accessibility to non-specialists, precise terminology, and calibrated Earth-science claims. | brycewang-stanford/ | 1.2k | — | ~1.6k | Automated safety check: Pass | MIT | 12 days ago |
| 5651 | 5651.Pnasnexus Figures A skill your agent uses to finalize PNAS Nexus display items — count figures and tables against the graphical-element budget, size to journal column widths, set legible fonts, show-the-data with n… | brycewang-stanford/ | 1.2k | — | ~1.2k | Automated safety check: Pass | MIT | 12 days ago |
| 5652 | 5652.Ppsych Revision A skill your agent uses when responding to a Perspectives on Psychological Science (PoPS) editor and reviewer decision letter — coverage gaps, balance/fairness complaints, framework/argument asks… | brycewang-stanford/ | 1.2k | — | ~1.5k | Automated safety check: Pass | MIT | 12 days ago |
| 5653 | 5653.Uist Camera Ready A skill your agent uses when converting a conditional UIST acceptance into a published paper — delivering the rebuttal-promised changes by the July deadline, working the ACM TAPS pipeline with alt… | brycewang-stanford/ | 1.2k | — | ~1.5k | Automated safety check: Pass | MIT | 12 days ago |
| 5654 | 5654.Uist Experiments A skill your agent uses when designing or auditing the evaluation of a UIST paper — choosing among technical benchmarks, controlled comparisons, usability walkthroughs, expert sessions, and… | brycewang-stanford/ | 1.2k | — | ~1.7k | Automated safety check: Pass | MIT | 12 days ago |
| 5655 | 5655.Design Lab Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. | NeverSight/ | 216 | 1 repo | ~7.5k | Automated safety check: Pass | No licence | today |
| 5656 | 5656.Visual Explainer Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. | NeverSight/ | 216 | 1 repo | ~5.5k | Automated safety check: Pass | MIT | today |
| 5657 | 5657.Vibe Sunsang Mentor AI-collaboration mentoring — coaches users on request quality, anti-patterns, and concepts across 4 modes from recent Codex conversations, analyzed via v2 level system (6 axes × 7 levels, 0.5… | fivetaku/ | 128 | — | ~2.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 5658 | 5658.Branding When the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, narrative (not only visuals). | kostja94/ | 1k | — | ~2.3k | Automated safety check: Pass | MIT | 4 days ago |
| 5659 | 5659.Core Web Vitals When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. | kostja94/ | 1k | — | ~1.2k | Automated safety check: Pass | MIT | 4 days ago |
| 5660 | 5660.Education Program When the user wants to plan, implement, or optimize student and education discount programs. | kostja94/ | 1k | — | ~1.6k | Automated safety check: Pass | MIT | 4 days ago |
| 5661 | 5661.Referral Program When the user wants to plan, implement, or optimize referral program strategy. | kostja94/ | 1k | — | ~1.5k | Automated safety check: Pass | MIT | 4 days ago |
| 5662 | 5662.Website Structure When the user wants to plan website structure, decide which pages to build, or prioritize pages for a new or existing site. | kostja94/ | 1k | — | ~2.2k | Automated safety check: Pass | MIT | 4 days ago |
| 5663 | 5663.Constitution A skill your agent uses when setting or amending a project's non-negotiables — stack canon, quality bars, conventions, security/a11y floors — as numbered, testable rules later phases obey. | ericrisco/ | 174 | — | ~3.4k | Automated safety check: Notes | MIT | 2 days ago |
| 5664 | 5664.Translation L10n A skill your agent uses when adding a second or Nth language to a web or app product — i18n plumbing (string extraction, ICU messages, locale routing), fixing broken plurals or date formats, and… | ericrisco/ | 174 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
Explore related skills
Topics in Frontend & Design
- Accessibility1,037
- Design systems831
- 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
Products these skills work with
Roles that use these skills
Other categories
- Development15,199
- Backend & APIs7,083
- Testing & QA5,062
- DevOps & Cloud5,955
- Databases2,353
- Data & Analytics3,632
- AI & LLM Engineering5,048
- Agent Workflows8,296
- Documents & Office4,290
- Writing & Content3,764
- Marketing & SEO3,901
- Sales & Support1,837
- Research & Science6,076
- Security3,087
- Productivity & Automation4,035
- Business, Finance & HR3,880
- Legal & Compliance1,634
- Education1,086
- Media & Creative4,311
- Mobile2,737
- Product & Project Management2,339
- Knowledge Management1,438
- Game Development1,678