Category
Best frontend and UI design skills, page 108
Frontend & Design skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 5137 | 5137.Image Gallery A skill your agent uses when you need to display and browse image collections. | thedaviddias/ | 259 | — | ~882 | Automated safety check: Pass | Unknown | 6 days ago |
| 5138 | 5138.Image Upload A skill your agent uses when you need to upload and preview images. | thedaviddias/ | 259 | — | ~878 | Automated safety check: Pass | Unknown | 6 days ago |
| 5139 | 5139.Kanban Board A skill your agent uses when you need to organize tasks in columns and swimlanes. | thedaviddias/ | 259 | — | ~1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5140 | 5140.Like Button A skill your agent uses when implementing like and reaction buttons. | thedaviddias/ | 259 | — | ~872 | Automated safety check: Pass | Unknown | 6 days ago |
| 5141 | 5141.List View A skill your agent uses when you need to display data in vertical lists. | thedaviddias/ | 259 | — | ~991 | Automated safety check: Pass | Unknown | 6 days ago |
| 5142 | 5142.Load More A skill your agent uses when implementing load additional content on user demand. | thedaviddias/ | 259 | — | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5143 | 5143.Modal A skill your agent uses when you need to display focused content or actions. | thedaviddias/ | 259 | — | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5144 | 5144.Model Selector A skill your agent uses when implementing aI model selection interface. | thedaviddias/ | 259 | — | ~989 | Automated safety check: Pass | Unknown | 6 days ago |
| 5145 | 5145.Navigation Menu A skill your agent uses when you need to organize and structure site navigation. | thedaviddias/ | 259 | — | ~1.2k | Automated safety check: Pass | Unknown | 6 days ago |
| 5146 | 5146.Notification A skill your agent uses when you need to inform users about important updates. | thedaviddias/ | 259 | — | ~898 | Automated safety check: Pass | Unknown | 6 days ago |
| 5147 | 5147.Pagination A skill your agent uses when implementing navigate through multiple pages of content. | thedaviddias/ | 259 | — | ~1.1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5148 | 5148.Password A skill your agent uses when implementing secure password entry with feedback. | thedaviddias/ | 259 | — | ~713 | Automated safety check: Pass | Unknown | 6 days ago |
| 5149 | 5149.Phone Number A skill your agent uses when implementing format and validate phone numbers. | thedaviddias/ | 259 | — | ~904 | Automated safety check: Pass | Unknown | 6 days ago |
| 5150 | 5150.Popover A skill your agent uses when you need to display focused content or actions. | thedaviddias/ | 259 | — | ~686 | Automated safety check: Pass | Unknown | 6 days ago |
| 5151 | 5151.Product Card A skill your agent uses when implementing product display cards for e-commerce. | thedaviddias/ | 259 | — | ~885 | Automated safety check: Pass | Unknown | 6 days ago |
| 5152 | 5152.Progress Indicator A skill your agent uses when implementing show completion status of an operation. | thedaviddias/ | 259 | — | ~915 | Automated safety check: Pass | Unknown | 6 days ago |
| 5153 | 5153.Prompt Input A skill your agent uses when implementing enhanced text inputs for AI prompts. | thedaviddias/ | 259 | — | ~984 | Automated safety check: Pass | Unknown | 6 days ago |
| 5154 | 5154.Radio A skill your agent uses when implementing select a single option from a group. | thedaviddias/ | 259 | — | ~981 | Automated safety check: Pass | Unknown | 6 days ago |
| 5155 | 5155.Rating Input A skill your agent uses when implementing rate something with a number of stars. | thedaviddias/ | 259 | — | ~891 | Automated safety check: Pass | Unknown | 6 days ago |
| 5156 | 5156.Response Feedback A skill your agent uses when implementing feedback mechanisms for AI responses. | thedaviddias/ | 259 | — | ~1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5157 | 5157.Rich Text Editor A skill your agent uses when implementing edit and format text content. | thedaviddias/ | 259 | — | ~902 | Automated safety check: Pass | Unknown | 6 days ago |
| 5158 | 5158.Search Field A skill your agent uses when you need to search through content efficiently. | thedaviddias/ | 259 | — | ~914 | Automated safety check: Pass | Unknown | 6 days ago |
| 5159 | 5159.Search Results A skill your agent uses when you need to display and filter search results. | thedaviddias/ | 259 | — | ~888 | Automated safety check: Pass | Unknown | 6 days ago |
| 5160 | 5160.Selection Input A skill your agent uses when you need to choose from predefined options. | thedaviddias/ | 259 | — | ~643 | Automated safety check: Pass | Unknown | 6 days ago |
| 5161 | 5161.Share Dialog A skill your agent uses when implementing social sharing functionality. | thedaviddias/ | 259 | — | ~868 | Automated safety check: Pass | Unknown | 6 days ago |
| 5162 | 5162.Shopping Cart A skill your agent uses when implementing shopping cart and item management. | thedaviddias/ | 259 | — | ~879 | Automated safety check: Pass | Unknown | 6 days ago |
| 5163 | 5163.Signature Pad A skill your agent uses when implementing allow users to sign their name. | thedaviddias/ | 259 | — | ~894 | Automated safety check: Pass | Unknown | 6 days ago |
| 5164 | 5164.Skeleton A skill your agent uses when implementing show users that content is being loaded. | thedaviddias/ | 259 | — | ~896 | Automated safety check: Pass | Unknown | 6 days ago |
| 5165 | 5165.Slider A skill your agent uses when implementing select values from a range. | thedaviddias/ | 259 | — | ~880 | Automated safety check: Pass | Unknown | 6 days ago |
| 5166 | 5166.Statistics A skill your agent uses when you need to display key metrics and statistics. | thedaviddias/ | 259 | — | ~1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5167 | 5167.Streaming Response A skill your agent uses when implementing real-time AI response streaming. | thedaviddias/ | 259 | — | ~1k | Automated safety check: Pass | Unknown | 6 days ago |
| 5168 | 5168.Table A skill your agent uses when you need to display structured data in rows and columns. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 5169 | 5169.Tag Input A skill your agent uses when implementing enter and format tags. | thedaviddias/ | 259 | — | ~878 | Automated safety check: Pass | Unknown | 6 days ago |
| 5170 | 5170.Textarea A skill your agent uses when implementing multi-line text input for longer content. | thedaviddias/ | 259 | — | ~884 | Automated safety check: Pass | Unknown | 6 days ago |
| 5171 | 5171.Time Input A skill your agent uses when implementing enter time in a structured format. | thedaviddias/ | 259 | — | ~888 | Automated safety check: Pass | Unknown | 6 days ago |
| 5172 | 5172.Timeline A skill your agent uses when you need to display chronological events and activities. | thedaviddias/ | 259 | — | ~997 | Automated safety check: Pass | Unknown | 6 days ago |
| 5173 | 5173.Toggle A skill your agent uses when you need to switch between two states. | thedaviddias/ | 259 | — | ~880 | Automated safety check: Pass | Unknown | 6 days ago |
| 5174 | 5174.Token Counter A skill your agent uses when you need to display token usage and limits. | thedaviddias/ | 259 | — | ~990 | Automated safety check: Pass | Unknown | 6 days ago |
| 5175 | 5175.Tooltip A skill your agent uses when implementing provide additional context on hover or focus. | thedaviddias/ | 259 | — | ~1.4k | Automated safety check: Pass | Unknown | 6 days ago |
| 5176 | 5176.Tree View A skill your agent uses when you need to display hierarchical data structures. | thedaviddias/ | 259 | — | ~991 | Automated safety check: Pass | Unknown | 6 days ago |
| 5177 | 5177.Video Player A skill your agent uses when implementing video playback with controls. | thedaviddias/ | 259 | — | ~884 | Automated safety check: Pass | Unknown | 6 days ago |
| 5178 | 5178.Wizard A skill your agent uses when implementing multi-step forms and processes. | thedaviddias/ | 259 | — | ~868 | Automated safety check: Pass | Unknown | 6 days ago |
| 5179 | 5179.Image Prompt Use as the foundation and router for any image a post needs — turn a social need into a clear image brief, describe it with model-agnostic prompt craft, and route to the right tool. | social-media-skills/ | 134 | — | ~1.6k | Automated safety check: Pass | MIT | 9 days ago |
| 5180 | Link-in-bio and traffic strategy — convert social reach into clicks, subscribers, and owned audience. | social-media-skills/ | 134 | — | ~1.5k | Automated safety check: Pass | MIT | 9 days ago |
| 5181 | 5181.Profile Optimization A skill your agent uses to optimize a social media profile so it converts visitors into followers and followers into leads — bio, handle, name/headline field, profile picture, banner/header… | social-media-skills/ | 134 | — | ~1.7k | Automated safety check: Pass | MIT | 9 days ago |
| 5182 | Finds translational opportunities that connect basic-research discoveries to clinically meaningful use cases such as diagnosis, stratification, prognosis, treatment response prediction, monitoring… | aipoch/ | 1.9k | — | ~4k | Automated safety check: Pass | MIT | 24 days ago |
| 5183 | 5183.Biome Use Biome in .NET repositories that ship Node-based frontend assets and want a fast combined formatter-linter-import organizer for JavaScript, TypeScript, CSS, JSON, GraphQL, or HTML. | managedcode/ | 486 | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 5184 | 5184.Htmlhint Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates. | managedcode/ | 486 | — | ~1.2k | 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