Category
Best frontend and UI design skills, page 100
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 4753 | 4753.Frontend Design Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. | AnastasiyaW/ | 154 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 4754 | Next.js 16 bundle-size and build-time optimization — runs a data-driven iteration loop: measure baseline → analyze top offenders → apply ONE recipe → re-measure → verify nothing broke (build + types… | pproenca/ | 215 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 4755 | Compose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui. | pproenca/ | 215 | — | ~799 | Automated safety check: Pass | MIT | 1 mo ago |
| 4756 | Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without try/catch, missing setError on server… | pproenca/ | 215 | — | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 4757 | 4757.Localization Setup Generate internationalization (i18n) infrastructure for multi-language support in iOS/macOS apps. | rshankras/ | 787 | — | ~1.4k | Automated safety check: Notes | MIT | 2 mo ago |
| 4758 | 4758.Web Presence The discovery surfaces outside the App Store app — your apps.apple.com product page ranking on Google, an owned landing page with a Smart App Banner, and the deal-site ecosystem that auto-amplifies… | rshankras/ | 787 | — | ~1.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 4759 | 4759.Figma Look up your Figma user, read file metadata, and post comments on files. | Anil-matcha/ | 1.3k | — | ~711 | Automated safety check: Pass | MIT | 6 days ago |
| 4760 | 4760.Figma Bridge Doctor Single owner of the connection between Figma Desktop and the figma-console MCP Desktop Bridge plugin, alias-agnostic, across every project. | hashgraph-online/ | 1.3k | — | ~6.7k | Automated safety check: Pass | MIT | yesterday |
| 4761 | 4761.Invoking GitHub Enables GitHub repository operations (read/write/commit/PR) for Claude.ai chat environments. | oaustegard/ | 150 | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 4762 | 4762.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 | 3 days ago |
| 4763 | 4763.Info Lane-stack work-process cheat sheet. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1.3k | Automated safety check: Pass | MIT | 3 days ago |
| 4764 | 4764.Project Design Lane-stack router for design/brand. An agent skill from VKirill/claude-lane-stack. | VKirill/ | 122 | — | ~1k | Automated safety check: Pass | MIT | 3 days ago |
| 4765 | 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 | 2 days ago |
| 4766 | 4766.Analytics GitHub metrics: velocity, review turnaround, churn and bottlenecks. | Community-Access/ | 423 | — | ~1.4k | Automated safety check: Pass | MIT | 18 days ago |
| 4767 | 4767.Daily Briefing Daily GitHub briefing: issues, PRs, reviews, releases and discussions. | Community-Access/ | 423 | — | ~1.3k | Automated safety check: Pass | MIT | 18 days ago |
| 4768 | 4768.Generators Code generator skills that produce production-ready Swift code for common app components. | gustavscirulis/ | 116 | 1 repo | ~4k | Automated safety check: Notes | Unknown | 5 mo ago |
| 4769 | 4769.Product Development End-to-end product development for iOS/macOS apps. An agent skill from gustavscirulis/snapgrid. | gustavscirulis/ | 116 | 1 repo | ~1.1k | Automated safety check: Pass | Unknown | 5 mo ago |
| 4770 | 4770.UI Review Review SwiftUI code for iOS/watchOS Human Interface Guidelines compliance, font usage, Dynamic Type support, and accessibility. | gustavscirulis/ | 116 | 1 repo | ~1.4k | Automated safety check: Pass | Unknown | 5 mo ago |
| 4771 | 4771.Java Debug Safety rules, workflows, and tool reference for debugging applications via IntelliJ debugger: breakpoints, debug sessions, stepping, evaluating expressions, inspecting runtime state. | Amplicode/ | 128 | — | ~2.7k | Automated safety check: Pass | No licence | 1 mo ago |
| 4772 | 提供系统架构设计、技术选型、架构审查和组件设计能力。当需要设计新系统、重构现有架构或进行架构审查时使用. An agent skill from Prorise-cool/Claude-Code-Multi-Agent. | Prorise-cool/ | 306 | — | ~488 | Automated safety check: Pass | No licence | 25 days ago |
| 4773 | 4773.Anima CI Integration Configure CI/CD pipeline for automated Figma-to-code generation with Anima. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 4774 | 4774.Anima Common Errors Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 4775 | Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 4776 | Clone websites to React/HTML code and customize Anima output with AI. | jeremylongshore/ | 2.8k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 4777 | 4777.Anima Cost Tuning Optimize Anima API costs through caching, incremental generation, and tier selection. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 4778 | 4778.Anima Hello World Generate reviewable React or HTML code from a Figma design using the Anima SDK. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 4779 | 4779.Anima Install Auth Install the Anima SDK and configure authentication for Figma-to-code generation. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 4780 | 4780.Anima Local Dev Loop Set up iterative design-to-code development loop with Anima SDK. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 4781 | 4781.Anima Prod Checklist Production readiness checklist for Anima design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 4782 | Implement reference architecture for Anima design-to-code automation. | jeremylongshore/ | 2.8k | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 4783 | 4783.Anima SDK Patterns Apply production-ready patterns for the Anima SDK design-to-code pipeline. | jeremylongshore/ | 2.8k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 4784 | Audit and harden Anima and Figma tokens for design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Notes | MIT | yesterday |
| 4785 | Create, reconcile, update, and retire ClickUp tasks with schema validation, durable source identity, and explicit destructive approval. | jeremylongshore/ | 2.8k | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 4786 | Analyze and upgrade configuration, plan-enabled features, tools, or platform integration through schema validation and reversible rollout. | jeremylongshore/ | 2.8k | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 4787 | 4787.Figma CI Integration Automate Figma design token sync and asset export in CI/CD pipelines. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 4788 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 4789 | Deploy Figma-powered applications to Vercel, Cloud Run, and Fly.io. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 4790 | 4790.Figma Local Dev Loop Set up a local development workflow for Figma plugin and REST API projects. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Notes | MIT | yesterday |
| 4791 | 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 |
| 4792 | Reference architecture for production Figma API integrations. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 4793 | 4793.Figma SDK Patterns Production-ready patterns for the Figma REST API and Plugin API. | jeremylongshore/ | 2.8k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 4794 | Optimize Gamma API performance and reduce latency. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 4795 | Configure Lokalise local development with file sync and hot reload. | jeremylongshore/ | 2.8k | — | ~3k | Automated safety check: Notes | MIT | yesterday |
| 4796 | Implement Lokalise reference architecture with best-practice project layout. | jeremylongshore/ | 2.8k | — | ~4.2k | Automated safety check: Pass | MIT | yesterday |
| 4797 | 4797.Miro Cost Tuning Diagnose Miro API credit demand and implement repository-side traffic controls that preserve freshness, completeness, and user experience. | jeremylongshore/ | 2.8k | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 4798 | Optimize Sentry performance monitoring for lower overhead and higher signal. | jeremylongshore/ | 2.8k | — | ~4k | Automated safety check: Pass | MIT | yesterday |
| 4799 | Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 4800 | Build headless storefronts with Shopify's Storefront API and Cart API. | jeremylongshore/ | 2.8k | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Topics in Frontend & Design
- Accessibility1,036
- Design systems829
- UI design477
- Landing pages452
- React components451
- Internationalization416
- Typography399
- Design tokens390
- 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
Products these skills work with
Roles that use these skills
Other categories
- Development15,214
- Backend & APIs7,095
- Testing & QA5,045
- DevOps & Cloud5,975
- Databases2,347
- Data & Analytics3,623
- AI & LLM Engineering5,042
- Agent Workflows8,310
- Documents & Office4,299
- Writing & Content3,744
- Marketing & SEO3,900
- Sales & Support1,809
- Research & Science6,061
- Security3,085
- Productivity & Automation4,039
- Business, Finance & HR3,855
- Legal & Compliance1,617
- Education1,078
- Media & Creative4,318
- Mobile2,746
- Product & Project Management2,329
- Knowledge Management1,439
- Game Development1,660