Category
Best frontend and UI design skills, page 111
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5281 | 5281.Form Brief Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview. | jeremylongshore/ | 2.8k | — | ~3.3k | Automated safety check: Notes | MIT | yesterday |
| 5282 | 5282.Form Builder Helper Build form builder helper operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~573 | Automated safety check: Pass | MIT | yesterday |
| 5283 | 5283.Form Palette A skill your agent uses when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. | jeremylongshore/ | 2.8k | — | ~772 | Automated safety check: Notes | MIT | yesterday |
| 5284 | 5284.Form Web A skill your agent uses when asked to design a landing page, marketing website, or any web presence intended to convert or inform. | jeremylongshore/ | 2.8k | — | ~3.1k | Automated safety check: Notes | MIT | yesterday |
| 5285 | Token security: Indexing tokens have write access -- never expose in frontend. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 5286 | Configure with image optimization helper operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~589 | Automated safety check: Pass | MIT | yesterday |
| 5287 | Test keyboard navigation tester operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~583 | Automated safety check: Pass | MIT | yesterday |
| 5288 | Execute lazy loading implementer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~585 | Automated safety check: Pass | MIT | yesterday |
| 5289 | 5289.Open Graph Creator Create open graph creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~566 | Automated safety check: Pass | MIT | yesterday |
| 5290 | Manage performance lighthouse runner operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~602 | Automated safety check: Pass | MIT | yesterday |
| 5291 | 5291.Pinia Store Setup Configure pinia store setup operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~563 | Automated safety check: Pass | MIT | yesterday |
| 5292 | 5292.Pitch Copy Landing page and marketing copy — write hero section, problem/solution blocks, proof points, and CTAs. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Notes | MIT | yesterday |
| 5293 | 5293.Pitch Landing A skill your agent uses when asked to structure a landing page for positioning, plan a conversion-optimized page layout, or design a launch page. | jeremylongshore/ | 2.8k | — | ~662 | Automated safety check: Notes | MIT | yesterday |
| 5294 | 5294.Pitch Recon Marketing and messaging reconnaissance — read existing landing pages, copy, positioning docs, and marketing materials to understand the current messaging state. | jeremylongshore/ | 2.8k | — | ~982 | Automated safety check: Notes | MIT | yesterday |
| 5295 | 5295.Prism Audit Frontend audit — bundle size, dependencies, accessibility, performance, component quality. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Notes | MIT | yesterday |
| 5296 | 5296.Prism Component Implement a reusable, accessible, typed component from a design spec. | jeremylongshore/ | 2.8k | — | ~2.6k | Automated safety check: Notes | MIT | yesterday |
| 5297 | 5297.Prism Recon Frontend reconnaissance — map the component tree, routing, state management, build config, and assess quality. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Notes | MIT | yesterday |
| 5298 | 5298.Prism Stack A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns. | jeremylongshore/ | 2.8k | — | ~583 | Automated safety check: Notes | MIT | yesterday |
| 5299 | 5299.Prism UI Implement a complete UI screen or feature from a Form visual spec. | jeremylongshore/ | 2.8k | — | ~2.6k | Automated safety check: Notes | MIT | yesterday |
| 5300 | Generate pwa manifest generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~578 | Automated safety check: Pass | MIT | yesterday |
| 5301 | 5301.React Hook Creator Create react hook creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~566 | Automated safety check: Pass | MIT | yesterday |
| 5302 | Generate redux slice generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~576 | Automated safety check: Pass | MIT | yesterday |
| 5303 | Analyze responsive breakpoint analyzer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~609 | Automated safety check: Pass | MIT | yesterday |
| 5304 | 5304.SEO Meta Generator Generate seo meta generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~566 | Automated safety check: Pass | MIT | yesterday |
| 5305 | Configure with styled components helper operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~586 | Automated safety check: Pass | MIT | yesterday |
| 5306 | 5306.Surge Landing A skill your agent uses when asked to design growth-optimized landing pages, activation funnel layouts, or experiment-friendly page structures. | jeremylongshore/ | 2.8k | — | ~675 | Automated safety check: Notes | MIT | yesterday |
| 5307 | 5307.SVG Icon Generator Generate svg icon generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~556 | Automated safety check: Pass | MIT | yesterday |
| 5308 | Optimize tailwind class optimizer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~587 | Automated safety check: Pass | MIT | yesterday |
| 5309 | 5309.Touch App Produce a complete mobile app architecture design — platform choice, navigation structure, state management, data layer, key screens. | jeremylongshore/ | 2.8k | — | ~3k | Automated safety check: Notes | MIT | yesterday |
| 5310 | Create vitepress config creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~589 | Automated safety check: Pass | MIT | yesterday |
| 5311 | Generate vue component generator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~581 | Automated safety check: Pass | MIT | yesterday |
| 5312 | Create vue composable creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~577 | Automated safety check: Pass | MIT | yesterday |
| 5313 | 5313.Web Vitals Monitor Monitor web vitals monitor operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~561 | Automated safety check: Pass | MIT | yesterday |
| 5314 | 5314.Website Generator A skill your agent uses when the user asks to create a website, build a site, generate a landing page, or mentions B12. | jeremylongshore/ | 2.8k | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 5315 | Configure Windsurf themes and visual settings for accessibility. | jeremylongshore/ | 2.8k | — | ~473 | Automated safety check: Pass | MIT | yesterday |
| 5316 | Create zustand store creator operations. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~576 | Automated safety check: Pass | MIT | yesterday |
| 5317 | Local react-hook-form documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~979 | Automated safety check: Pass | MIT | yesterday |
| 5318 | Local tanstack-store documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 5319 | 5319.Olore Vite Latest Local Vite documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~719 | Automated safety check: Pass | MIT | yesterday |
| 5320 | 5320.Olore Xstate Latest Local XState documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~989 | Automated safety check: Pass | MIT | yesterday |
| 5321 | 5321.Olore Zustand Latest Local Zustand documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~881 | Automated safety check: Pass | MIT | yesterday |
| 5322 | 5322.Branding Apply official brand colors and typography to professional artifacts. | IgorWarzocha/ | 122 | — | ~586 | Automated safety check: Pass | No licence | 8 mo ago |
| 5323 | Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix). | IgorWarzocha/ | 122 | — | ~1.3k | Automated safety check: Pass | No licence | 8 mo ago |
| 5324 | 5324.iOS Worker Implements and tests SwiftUI views, navigation flows, and shared iOS design-system work for ADE | arul28/ | 114 | — | ~2.3k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 5325 | 5325.Design Styles Applies a deliberate visual direction to an interface — minimalist editorial, industrial utilitarian, or high-polish commercial — each with its own type scale, palette behavior, surface treatment… | cbrock84/ | 2k | — | ~823 | Automated safety check: Pass | MIT | 23 days ago |
| 5326 | 5326.Service Area SEO When the user operates a service-area business (SAB) without a public storefront. | garrettjsmith/ | 121 | — | ~1.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 5327 | 5327.Gdb GDB debugger skill for C/C++ programs. An agent skill from mohitmishra786/low-level-dev-skills. | mohitmishra786/ | 252 | — | ~1.6k | Automated safety check: Pass | MIT | 3 mo ago |
| 5328 | Colorblind-friendly palettes and accessible visualization design | wentorai/ | 298 | 1 repo | ~1.8k | Automated safety check: Pass | MIT | 3 mo 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