Best UI design skills for AI coding (2026)
web-design-guidelines is the best ui design skill for AI coding - 30.9k GitHub stars, 613k installs. Strong alternatives: lark-doc and lark-base.
UI design and visual-polish skills for builders, ranked by real adoption (installs, then GitHub stars). Part of Frontend & Design - see the full best design skills shortlist.
Ranked by Skillselion · adoption from the skills.sh registry & GitHub.
The top 12 ui design skills
| # | Skill | Works with | Stars | Installs |
|---|---|---|---|---|
| 1 | web-design-guidelinescollectionvercel-labs · vercel-labs/agent-skillsTop pick Automatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality. | Claude CodeCursorCodexGrok | 30.9k | 613k |
| 2 | lark-doccollectionlarksuite · larksuite/cli Create, read, update, summarize, rewrite and manage Feishu/Lark cloud documents directly from agent workflows. | Claude CodeCursorCodexGrok | 17k | 439k |
| 3 | lark-basecollectionlarksuite · larksuite/cli Reliably operate Feishu (Lark) Base multidimensional tables through the lark-cli when building internal tools, dashboards, data pipelines, or automated workflows. | Claude CodeCursorCodexGrok | 17k | 438k |
| 4 | lark-sharedcollectionlarksuite · larksuite/cli Correctly initialize, authenticate, and handle permission flows when automating Feishu/Lark operations through the lark-cli. | Claude CodeCursorCodexGrok | 17k | 436k |
| 5 | lark-drivecollectionlarksuite · larksuite/cli Upload, download, organize, import, and manage files inside Lark (Feishu) cloud storage directly from their agent workflows. | Claude CodeCursorCodexGrok | 17k | 435k |
| 6 | lark-imcollectionlarksuite · larksuite/cli Send, receive, search, and manage messages, files, reactions and group chats inside Feishu (Lark) directly from their AI coding agents and CLI workflows. | Claude CodeCursorCodexGrok | 17k | 435k |
| 7 | lark-sheetscollectionlarksuite · larksuite/cli Create, read, update, and export spreadsheets inside Lark (Feishu) directly from their AI coding agent. | Claude CodeCursorCodexGrok | 17k | 434k |
| 8 | lark-wikicollectionlarksuite · larksuite/cli Create, organize, query, and manage documents, spaces, and members inside Lark (Feishu) knowledge bases directly from AI agent workflows. | Claude CodeCursorCodexGrok | 17k | 434k |
| 9 | lark-whiteboardcollectionlarksuite · larksuite/cli Generate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst | Claude CodeCursorCodexGrok | 17k | 433k |
| 10 | lark-taskcollectionlarksuite · larksuite/cli Let their coding agent create, update, track, assign, and organize tasks inside Lark/Feishu directly from natural language. | Claude CodeCursorCodexGrok | 17k | 433k |
| 11 | lark-calendarcollectionlarksuite · larksuite/cli Let their coding agent create, update, search, and manage Feishu/Lark calendar events, meetings, attendees, free-busy status, and meeting rooms through natural language | Claude CodeCursorCodexGrok | 17k | 432k |
| 12 | lark-mailcollectionlarksuite · larksuite/cli Let their coding agent draft, send, reply, search, and organize emails inside Lark/Feishu without leaving the workflow. | Claude CodeCursorCodexGrok | 17k | 431k |
Common questions
What is the best skill for ui design?
web-design-guidelines is the top-ranked ui design skill, with 613k installs and 30.9k GitHub stars - Automatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality..
How are these ui design skills ranked?
By real adoption - installs first, then GitHub stars - across skills matching UI design and visual-polish skills. Data from the skills.sh registry and GitHub.
How do I install web-design-guidelines?
Run: npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines