Category
Best frontend and UI design skills, page 119
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5665 | 5665.Frontend A skill your agent uses when making architecture-level React decisions — component decomposition, choosing where state should live, selecting a state manager (Context vs Redux vs Zustand) or a… | kid-sid/ | 190 | — | ~3.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 5666 | 5666.Nextjs A skill your agent uses when building Next.js App Router pages, server and client components, fetching data in server components, configuring layouts and middleware, handling routing patterns… | kid-sid/ | 190 | — | ~2.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 5667 | 5667.Tailwind A skill your agent uses when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or… | kid-sid/ | 190 | — | ~3.2k | Automated safety check: Pass | MIT | 2 mo ago |
| 5668 | Write high-converting copy for any medium — landing pages, emails, ads, UX, sales pages, video scripts, and brand voice. | LeoYeAI/ | 2.2k | — | ~6.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 5669 | 5669.Biver Builder Integration skill for Biver Landing Page Builder API. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~5.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 5670 | 5670.Ionic Framework Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue… | LeoYeAI/ | 2.2k | — | ~5.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5671 | 5671.macOS Hig Designer Design native macOS apps following Apple's Human Interface Guidelines and Liquid Glass design system. | LeoYeAI/ | 2.2k | — | ~5.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 5672 | 5672.Medo App Builder Create, modify, generate, and deploy websites, web apps, dashboards, SaaS products, internal tools, interactive web pages, Weixin mini program , games on the Baidu Medo platform using… | LeoYeAI/ | 2.2k | — | ~5.9k | Automated safety check: Notes | MIT | 2 mo ago |
| 5673 | A curated collection of 2409+ best OpenClaw skills — AI tools, productivity, marketing, frontend, mobile, backend, DevOps and more. | LeoYeAI/ | 2.2k | — | ~380 | Automated safety check: Pass | MIT | 2 mo ago |
| 5674 | 5674.Sharpening Sharpening techniques for knives, tools, and bladed implements. | LeoYeAI/ | 2.2k | — | ~5.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 5675 | 5675.Uxr Observer An embedded UX research skill that continuously studies how users interact with OpenClaw. | LeoYeAI/ | 2.2k | — | ~5.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 5676 | 5676.Anim Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. | Asymmetric-al/ | 381 | — | ~5.7k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 5677 | 5677.Position Encoding Position encoding, span types, coordinate systems, path normalization tables for Verter's multi-layer architecture (OXC, Rust, LSP, FFI, VS Code) | pikax/ | 113 | — | ~4.6k | Automated safety check: Pass | MIT | today |
| 5678 | 5678.Maui Frontend Guidelines for working on the C .NET MAUI mobile and desktop frontend client (GnollHackM), SkiaSharp game rendering, XAML page layouts, FMOD audio integration, and the P/Invoke native bridge. | hyvanmielenpelit/ | 161 | — | ~148 | Automated safety check: Pass | Unknown | 2 days ago |
| 5679 | Mine product opportunities by tracing well-performing organic listings back to their sellers' storefronts, ranking storefront items by estimated revenue and review count, then validating each… | xjli360/ | 247 | — | ~851 | Automated safety check: Pass | MIT | 12 days ago |
| 5680 | 5680.Progressive Loading Implements hub-and-spoke lazy loading to minimize token usage in large skills. | athola/ | 341 | — | ~2.3k | Automated safety check: Pass | MIT | 3 days ago |
| 5681 | 5681.Extract Crawl an existing website (capped, multi-page) and seed stardust/current/ with PRODUCT.md, DESIGN.md, DESIGN.json, a per-page inventory, and the consolidated brand surface — the captured design… | adobe/ | 197 | — | ~11k | Automated safety check: Pass | Apache-2.0 | today |
| 5682 | 5682.Replica Same-design migration — re-platform a site to AEM Edge Delivery (or any clean front end) keeping its current design near pixel-perfect. | adobe/ | 197 | — | ~8.9k | Automated safety check: Pass | Apache-2.0 | today |
| 5683 | 5683.Reskin Rebuild an existing site's pages with byte-faithful content on a separately-defined donor design system — another live site, or local static HTML prototypes (Figma donors are contract-defined, not… | adobe/ | 197 | — | ~6.1k | Automated safety check: Pass | Apache-2.0 | today |
| 5684 | A skill your agent uses when building or editing the React/Spectrum front-end SPA of a Workfront App Builder extension. | adobe/ | 197 | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 5685 | A skill your agent uses when designing narrative content — landing pages, case studies, onboarding flows, marketing campaigns, sales decks, ad arcs. | hashgraph-online/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5686 | Audit, organize, and redesign developer documentation information architecture, including content inventory, navigation, landing pages, sequences, hierarchies, webs, breadcrumbs, sidebars, metadata… | hashgraph-online/ | 1.3k | — | ~832 | Automated safety check: Pass | MIT | yesterday |
| 5687 | Audit and measure developer documentation quality using functional quality, structural quality, accessibility, purpose, findability, accuracy, completeness, clarity, concision, consistency… | hashgraph-online/ | 1.3k | — | ~766 | Automated safety check: Pass | MIT | yesterday |
| 5688 | 5688.Expectation Effect Apply the Expectation Effect — the principle that prior expectations measurably change a person's perception of a product or experience. | hashgraph-online/ | 1.3k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5689 | Design or audit game controls, HUD, menus, feedback, input mapping, transparency, juiciness, channels, modes, and metaphors. | hashgraph-online/ | 1.3k | — | ~526 | Automated safety check: Pass | MIT | yesterday |
| 5690 | Design and review adaptive Go CLI terminal experiences with explicit human, plain, and structured modes; per-stream TTY detection; color and accessibility controls; prompts; progress; secret input… | hashgraph-online/ | 1.3k | — | ~722 | Automated safety check: Pass | MIT | yesterday |
| 5691 | 5691.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5692 | 5692.Influence Audit A skill your agent uses when auditing landing pages, emails, sales scripts, pricing flows, fundraising asks, product UX, or negotiations for persuasion mechanisms, pressure tactics, manipulation… | hashgraph-online/ | 1.3k | — | ~611 | Automated safety check: Pass | MIT | yesterday |
| 5693 | 5693.Interaction Router A skill your agent uses whenever a design task involves what users can do and what happens when they do it — affordances, feedback, errors, undo, confirmation, target sizing, keyboard handling… | hashgraph-online/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5694 | 5694.Perception Router A skill your agent uses whenever a design task involves visual perception, layout, hierarchy, grouping, scanning order, attention, color organization, or composition — regardless of framework… | hashgraph-online/ | 1.3k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5695 | 5695.Process Router A skill your agent uses whenever the question is how to design well over time or how to make a design that doesn't break — accessibility, prototyping cadence, MVP scoping, edge cases, performance… | hashgraph-online/ | 1.3k | — | ~855 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5696 | フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 5697 | 5697.UI Design Design, build, or improve web and mobile interfaces using real product examples from UIZZE’s 800,000+ web and iOS screens. | hashgraph-online/ | 1.3k | — | ~904 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5698 | 5698.UI Theme QA A skill your agent uses to find and fix undisciplined Control-node UI in a Godot project — spacing that follows no ladder, font sizes with no modular scale, near-duplicate colours, and text that… | hashgraph-online/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5699 | 5699.Ru Text [RU] Вызывай, когда работа идёт над качеством русского текста: вычитка, типографика, очистка от нейрослопа, редактура, UX-тексты, деловая переписка — или по прямому упоминанию ru-text. | VKirill/ | 122 | — | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 5700 | Compare audits across commits to find new, fixed and regressed issues. | Community-Access/ | 423 | — | ~452 | Automated safety check: Pass | MIT | 16 days ago |
| 5701 | Charts, graphs and dashboards: SVG ARIA, table alternatives, safe palettes. | Community-Access/ | 423 | — | ~425 | Automated safety check: Pass | MIT | 16 days ago |
| 5702 | 5702.Email Accessibility HTML email accessibility under email client rendering constraints. | Community-Access/ | 423 | — | ~423 | Automated safety check: Pass | MIT | 16 days ago |
| 5703 | 5703.Kb Path Instructions Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 423 | — | ~385 | Automated safety check: Pass | MIT | 16 days ago |
| 5704 | 覆盖 Blade 的 CLI、TUI、Hono Server、Web、ACP 与 VS Code 六种交互表面，以及它们对同一 Agent、Session 和事件事实的不同投影方式。进入时机：修改启动分流、跨端事件、用户输入、 会话导航、输出背压、宿主能力或任一表面的生命周期。 | echoVic/ | 181 | — | ~1.4k | Automated safety check: Pass | MIT | 12 days ago |
| 5705 | 5705.Animate Generate animated videos and motion graphics from natural language descriptions. | OneWave-AI/ | 328 | — | ~1.4k | Automated safety check: Notes | MIT | 7 days ago |
| 5706 | Simulate a panel of your real prospects and buyers to pressure-test sales and marketing before it goes out — cold emails, pitch decks, landing pages, pricing pages, demo scripts, proposals. | OneWave-AI/ | 328 | — | ~1.2k | Automated safety check: Pass | MIT | 7 days ago |
| 5707 | Generate React components with TypeScript, proper props, hooks, and accessibility. | OneWave-AI/ | 328 | — | ~934 | Automated safety check: Pass | MIT | 7 days ago |
| 5708 | 5708.Form Tokens A skill your agent uses when asked to define a design token system, create tokens, document tokens, set up CSS custom properties, build a Tailwind token config, establish a spacing scale, define… | jeremylongshore/ | 2.8k | — | ~6.9k | Automated safety check: Notes | MIT | yesterday |
| 5709 | 5709.Blog Chart Generate dark-mode-compatible inline SVG data visualization charts for blog posts. | Infrasity-Labs/ | 139 | — | ~2.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 5710 | 5710.Landing Page Auditor Audits any landing or service page across 48 checks in 10 categories for LLM/AI discoverability, GEO readiness, content clarity, schema markup, internal linking, freshness signals, and technical… | Infrasity-Labs/ | 139 | — | ~6.7k | Automated safety check: Pass | MIT | 3 mo ago |
| 5711 | Research your competitors and build an interactive battlecard. | w95/ | 239 | — | ~3.1k | Automated safety check: Pass | MIT | 7 mo ago |
| 5712 | 5712.Ripple Press Acknowledge a tap/click with a ripple that blooms from the exact press point. | nexu-io/ | 849 | — | ~500 | Automated safety check: Pass | Apache-2.0 | 3 mo 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