Skills for Design Both after shots are the Tally budgeting-app landing page, made by applying each skill's published instructions. Shared tags: Visual direction.
5 out of 5
The biggest jump in the set: the generic purple SaaS template became a page built around one idea (a stack of kraft envelopes), with characterful type, a plain feature list and a comparison table instead of card grids. Its anti-default checklist visibly removed every gradient, emoji and 'Most Popular' tell from the baseline.
3 out of 5
We ran its own design-system generator on the brief. It picked a 'Vibrant & Block-based' style, blue/purple/pink and Russo One with Chakra Petch, a pairing it tags for gaming and esports, and a testimonials-led layout we had no real quotes for. Following it gave a bold, accessible block layout with SVG icons and visible focus states, but the look doesn't fit a calm budgeting app. Good rules and checklists; the auto-picked direction needs a designer's veto.
Baseline with no skill · How the brief works
Works with Claude Code, Codex, Cursor, Gemini and more
/plugin marketplace add anthropics/skillsPlugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.
Repo root README: registers the anthropics/skills marketplace; then pick the plugin containing frontend-design via 'Browse and install plugins'.
Taken from the project README. Check the source for the latest instructions.
Works with Claude Code, Codex, Cursor, Gemini and more
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skillPlugin install is Claude Code only; for other agents use Copy prompt or copy the skill folder.
CLI alternative from README: npm install -g ui-ux-pro-max-cli
Taken from the project README. Check the source for the latest instructions.