SkillFoxx

UI design: skills and MCP for agents

A set of tools that help an agent work with interfaces: draft layouts, assemble components, connect to Figma and keep a consistent style.

Access in the pick: minimal for 8, extended for 4

Tools in this pick

12 tools

An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look

Extended access685

A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI

Extended access982

Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes

Minimal access11K

A UI design skill: art direction per product, a shared DESIGN.md, tokens, and layout and accessibility checks in a browser.

Extended access51

Skill that draws one illustrated style for an app UI: six presets, page mockups, transparent assets and code.

Extended access97

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

Minimal access4K14

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

Minimal access3.6K

A skill with 107 styles, 127 palettes and 107 font pairings that generates a design system and audits interface code

PluginMinimal access99

Two UI/UX skills teach an agent design decisions: track selection, tokens, component recipes and anti-slop guardrails.

Minimal access176

Skills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile

Minimal access114.1K111

imagegen-skills teaches an agent to make design images: website comps, app screens, brand boards and a site from them

PluginMinimal access76

Skills for interface polish: typography, color, layout, accessibility, product copy and a review across all of them

Minimal access12.1K52

How to connect

What the access level means

Access of the cards

5 of 12 work without VPN

Pack

Put every card of this pick into a pack: one link and the install order.

Install with one command

npx skillfoxx add skills/superdesign

Example for “Superdesign”. The rest install the same way, by their catalog address. The CLI checks the recipe signature and writes the agent settings itself.

In short

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.

FAQ

Your task is not here?

Describe it to Foxx AI: it picks cards from the catalog and explains the choice.

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.

Other picks

All picks