Task-based pick
UI design
A set of tools that help an agent work with interfaces: draft layouts, assemble components, connect to Figma and keep a consistent style. For designers and frontend developers who want to speed up routine without losing control. Every entry has an honest risk note and an install command.
12 tools
Tools in this pick
An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look
A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI
Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
Make interfaces feel better
make-interfaces-feel-better
A skill about the small interface details: animations, typography, icons, shadows, radii, optical alignment and hit areas
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
Skills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile
Jakub Krehel's Interface Skills
Interfaces skills
Skills for interface polish: typography, color, layout, accessibility, product copy and a review across all of them
A design engine skill for local agents: mockups, prototypes, landing pages, dashboards and slides as self-contained HTML right in your editor
A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type
A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL
A design skills pack for agents: research, UX strategy, design systems, UI, interaction, prototyping and visual critique
An MCP server and plugin to build UI with the agent: curated design systems, UI prompts and layout variations
FAQ
Where to start?
Start with a skill that generates layouts and components from a description. Add Figma MCP servers when you need access to a real project file.
Do I need a Figma account?
Figma MCP servers need access to your file, usually via a token. Layout generation skills work without one.
Collect these tools into a pack and share with one link.