Best UI design skills for AI coding (2026)
web-design-guidelines is the best ui design skill for AI coding - 29.6k GitHub stars, 498k 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 | Automatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality. | Claude CodeCursorCodexGrok | 29.6k | 498k |
| 2 | Create, read, update, summarize, rewrite and manage Feishu/Lark cloud documents directly from agent workflows. | Claude CodeCursorCodexGrok | 15.9k | 393k |
| 3 | Reliably operate Feishu (Lark) Base multidimensional tables through the lark-cli when building internal tools, dashboards, data pipelines, or automated workflows. | Claude CodeCursorCodexGrok | 15.9k | 391k |
| 4 | 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 | 15.9k | 390k |
| 5 | Upload, download, organize, import, and manage files inside Lark (Feishu) cloud storage directly from their agent workflows. | Claude CodeCursorCodexGrok | 15.9k | 390k |
| 6 | Correctly initialize, authenticate, and handle permission flows when automating Feishu/Lark operations through the lark-cli. | Claude CodeCursorCodexGrok | 15.9k | 390k |
| 7 | Create, organize, query, and manage documents, spaces, and members inside Lark (Feishu) knowledge bases directly from AI agent workflows. | Claude CodeCursorCodexGrok | 15.9k | 389k |
| 8 | Generate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst | Claude CodeCursorCodexGrok | 15.9k | 389k |
| 9 | Create, read, update, and export spreadsheets inside Lark (Feishu) directly from their AI coding agent. | Claude CodeCursorCodexGrok | 15.9k | 389k |
| 10 | Let their coding agent create, update, track, assign, and organize tasks inside Lark/Feishu directly from natural language. | Claude CodeCursorCodexGrok | 15.9k | 388k |
| 11 | 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 | 15.9k | 388k |
| 12 | Let their coding agent draft, send, reply, search, and organize emails inside Lark/Feishu without leaving the workflow. | Claude CodeCursorCodexGrok | 15.9k | 387k |
Common questions
What is the best skill for ui design?
web-design-guidelines is the top-ranked ui design skill, with 498k installs and 29.6k 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