Category
Best frontend and UI design skills, page 103
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 4897 | Make the CometChat Android v6 UI match your app in the Jetpack Compose cohort — theming with the CometChatTheme composable and lightColorScheme/darkColorScheme, per-component style data classes… | cometchat/ | 132 | — | ~2k | Automated safety check: Pass | MIT | 6 days ago |
| 4898 | Make the CometChat Android v6 UI match your app in the Kotlin XML Views cohort — theming via CometChatTheme.DayNight attributes, per-component styles, message-bubble styling, ViewHolder view slots… | cometchat/ | 132 | — | ~2.2k | Automated safety check: Pass | MIT | 6 days ago |
| 4899 | Brand and customize the CometChat Angular UI Kit — CSS variable tokens, light/dark via ThemeService, localization, date/time formats, global config, and swapping component regions with ng-template. | cometchat/ | 132 | — | ~1.9k | Automated safety check: Pass | MIT | 6 days ago |
| 4900 | Angular project-shape glue for CometChat — Angular CLI vs Nx, standalone vs NgModule, environment file wiring, SSR/Angular Universal, lazy routes, and RxJS/signals state patterns. | cometchat/ | 132 | — | ~1.6k | Automated safety check: Pass | MIT | 6 days ago |
| 4901 | Theme and brand the Flutter v6 UI Kit — light/dark mode, the CometChatColorPalette / CometChatTypography / CometChatSpacing theme extensions, per-widget style objects, and view slots. | cometchat/ | 132 | — | ~1.8k | Automated safety check: Pass | MIT | 6 days ago |
| 4902 | Brand and restyle the CometChat iOS UI Kit — theme colours, typography, per-component styles, localisation and sounds. | cometchat/ | 132 | — | ~1.1k | Automated safety check: Pass | MIT | 6 days ago |
| 4903 | 4903.Cometchat Moderation Trust & Safety for CometChat — auto-moderate text/image/video/file with dashboard rules + keyword lists, block or flag-for-review, let users report messages, and keep an audit trail. | cometchat/ | 132 | — | ~1.6k | Automated safety check: Pass | MIT | 6 days ago |
| 4904 | Theme, restyle and extend the CometChat React Native UI Kit v5 — theme modes and color tokens, per-component style objects, view slots, and the DataSource decorator chain for custom message types. | cometchat/ | 132 | — | ~2.5k | Automated safety check: Pass | MIT | 6 days ago |
| 4905 | The React v7 UI Kit component catalog — which drop-in components exist and how to compose/swap them (conversations, messages, users, groups, threads, calling, bubbles). | cometchat/ | 132 | — | ~2.4k | Automated safety check: Pass | MIT | 6 days ago |
| 4906 | Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides. | cometchat/ | 132 | — | ~2.8k | Automated safety check: Pass | MIT | 6 days ago |
| 4907 | Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. | aiskillstore/ | 433 | 1 repo | ~3k | Automated safety check: Pass | No licence | yesterday |
| 4908 | 4908.Axe iOS Simulator A skill your agent uses when automating iOS Simulator interactions, capturing screenshots/video, or inspecting accessibility via AXe CLI. | aiskillstore/ | 433 | 1 repo | ~1.1k | Automated safety check: Pass | No licence | yesterday |
| 4909 | Character consistency across AI-generated images with reference sheets and LoRA techniques. | aiskillstore/ | 433 | 1 repo | ~2.6k | Automated safety check: Pass | No licence | yesterday |
| 4910 | 4910.Chat UI Chat UI building blocks for React/Next.js from ui.inference.sh. | aiskillstore/ | 433 | 1 repo | ~823 | Automated safety check: Pass | No licence | yesterday |
| 4911 | 4911.CSS Development This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. | aiskillstore/ | 433 | 1 repo | ~1.5k | Automated safety check: Pass | No licence | yesterday |
| 4912 | 4912.Landing Page Design Landing page conversion optimization with layout rules, hero section design, and CTA psychology. | aiskillstore/ | 433 | 1 repo | ~2.5k | Automated safety check: Pass | No licence | yesterday |
| 4913 | 4913.Landing Page Design Create high-converting, visually distinctive landing pages. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | 1 repo | ~3.7k | Automated safety check: Pass | No licence | yesterday |
| 4914 | 4914.Web Accessibility Web accessibility compliance specialist. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | 1 repo | ~863 | Automated safety check: Pass | No licence | yesterday |
| 4915 | 4915.Web Performance SEO Fix PageSpeed Insights/Lighthouse accessibility "!" errors caused by contrast audit failures (CSS filters, OKLCH/OKLAB, low opacity, gradient text, image backgrounds). | aiskillstore/ | 433 | 1 repo | ~671 | Automated safety check: Pass | No licence | yesterday |
| 4916 | 4916.Widgets UI Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. | aiskillstore/ | 433 | 1 repo | ~1.3k | Automated safety check: Pass | No licence | yesterday |
| 4917 | WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, responsive design, and WordPress 7.0 features: DataViews, Pattern… | aiskillstore/ | 433 | 3 repos | ~336 | Automated safety check: Pass | No licence | yesterday |
| 4918 | 4918.Update Turbo Update installed Turbo skills from the local repo with a dynamic changelog, conflict resolution for customized skills, and guided user experience. | tobihagemann/ | 408 | — | ~168 | Automated safety check: Pass | MIT | 2 days ago |
| 4919 | 4919.Update Turbo Update installed Turbo Codex skills from the local repo with a dynamic changelog, conflict resolution for customized skills, and guided user experience. | tobihagemann/ | 408 | — | ~177 | Automated safety check: Pass | MIT | 2 days ago |
| 4920 | 4920.Docs Seeker Fetch up-to-date documentation for any library, framework, API, or service into context. | avibebuilder/ | 120 | — | ~1.4k | Automated safety check: Pass | MIT | 4 mo ago |
| 4921 | 4921.Tanstack Query TanStack Query v5 (React Query) server state management. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~7.9k | Automated safety check: Pass | MIT | 13 days ago |
| 4922 | 4922.Sales Practices Identify and prevent sales practice violations under FINRA and SEC rules governing broker-dealer conduct. | JoelLewis/ | 206 | — | ~6.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 4923 | 4923.Pro Deck Builder Create polished HTML slide decks and PDF-ready documents for consulting deliverables. | thatrebeccarae/ | 161 | — | ~6.1k | Automated safety check: Pass | MIT | 5 mo ago |
| 4924 | This skill should be used to establish which instrument and which version govern before applying any Taiwan Urban Road Design Code (市區道路及附屬工程設計規範) dimension: the standard-versus-code hierarchy, the… | h30190/ | 158 | — | ~2.4k | Automated safety check: Pass | CC-BY-SA-4.0 | 3 days ago |
| 4925 | 4925.Decision Toolkit Generate structured decision-making tools — step-by-step guides, bias checkers, scenario explorers, and interactive dashboards. | glebis/ | 391 | — | ~2.6k | Automated safety check: Pass | MIT | 3 days ago |
| 4926 | 4926.UX Patterns A skill your agent uses when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus. | thedaviddias/ | 259 | — | ~325 | Automated safety check: Pass | Unknown | 6 days ago |
| 4927 | 4927.Bevy UI Reference for Bevy UI — Node layout (Flexbox/CSS Grid), Val types, text, colors, buttons, interaction, scrolling, and relative cursor position. | nolantait/ | 132 | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 4928 | 4928.Brand Identity A skill your agent uses when a project needs its visual foundation built or consolidated into one system: logo brief, color system in HEX/RGB/CMYK/OKLCH with proven AA contrast, type system, usage… | ericrisco/ | 180 | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 4929 | 4929.E2E Testing A skill your agent uses when writing or stabilizing Playwright tests that drive a real browser through multi-step journeys — durable locators, web-first assertions, storageState auth, trace/retries… | ericrisco/ | 180 | — | ~3.2k | Automated safety check: Pass | MIT | 2 days ago |
| 4930 | 4930.Performance A skill your agent uses when a page or interaction is slow for one user and the fix starts from a measurement — a failing Core Web Vital (LCP, INP, CLS), a heavy JS bundle, wasted re-renders, an… | ericrisco/ | 180 | — | ~4k | Automated safety check: Pass | MIT | 2 days ago |
| 4931 | 4931.Solid JS A skill your agent uses when building, reviewing or debugging a SolidJS app — signals, stores, effects, memos and resources, and JSX that compiles to real DOM with no virtual DOM. | ericrisco/ | 180 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
| 4932 | 4932.Svelte A skill your agent uses when building, reviewing or fixing Svelte 5 (runes) and SvelteKit code — components with the rune primitives, rune modules versus stores, file routing, universal versus… | ericrisco/ | 180 | — | ~3.1k | Automated safety check: Pass | MIT | 2 days ago |
| 4933 | 4933.Tauri A skill your agent uses when building a lightweight cross-platform desktop (or v2 mobile) app with Tauri — a Rust core plus the OS-native WebView: Rust commands and IPC, streaming to the frontend… | ericrisco/ | 180 | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 4934 | 4934.Vue Nuxt A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and… | ericrisco/ | 180 | — | ~4.2k | Automated safety check: Pass | MIT | 2 days ago |
| 4935 | 4935.Electron A skill your agent uses when building, hardening, or shipping a cross-platform Electron desktop app — main/renderer/preload process model, typed contextBridge IPC, locking down… | ericrisco/ | 180 | — | ~2.9k | Automated safety check: Pass | MIT | 2 days ago |
| 4936 | 4936.Pricing A skill your agent uses when setting or resetting what a product or service charges and how it is packaged — list price, margin floor, tiers, the value metric, the pricing model (flat, seat, usage… | ericrisco/ | 180 | — | ~2.6k | Automated safety check: Pass | MIT | 2 days ago |
| 4937 | 4937.Hgnc API Access the HGNC (HUGO Gene Nomenclature Committee) database to search for and retrieve gene information including symbols, names, IDs, and other metadata. | aipoch/ | 1.9k | — | ~844 | Automated safety check: Pass | MIT | 24 days ago |
| 4938 | 4938.Apple Hig Helper Apple Human Interface Guidelines - comprehensive design guidance for iOS, macOS, visionOS, watchOS, tvOS, and Apple technologies with summaries of 174 topics. | shepherdjerred/ | 112 | — | ~4.6k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 4939 | 4939.Zod Patterns Zod schema validation, type-safe development, and strict TypeScript patterns. | shepherdjerred/ | 112 | — | ~5k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 4940 | Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format. | microsoft/ | 3.1k | — | ~2.3k | Automated safety check: Pass | MIT | 2 days ago |
| 4941 | 4941.UI UX Design System Design system management, Vaadin component library patterns, consistent UI/UX, accessibility integration | Hack23/ | 239 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 4942 | Design Vaadin UI components with proper lifecycle, data binding, and responsive layouts for CIA platform | Hack23/ | 239 | — | ~619 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 4943 | 4943.Regulator Eyes Read your marketing claims, landing page, or ad copy the way a consumer-protection investigator would (FTC/ASA framing) and draft the inquiry letter they could send. | mohitagw15856/ | 1.4k | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 4944 | 4944.Meta Ads When the user wants to set up, optimize, or manage Meta (Facebook/Instagram) Ads. | kostja94/ | 1k | — | ~927 | Automated safety check: Pass | MIT | 5 days ago |
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