← All skills
frontend-design-ultimate
80 / 100 · Low risk
Fine to try.
By LeoYeAI/agent-master-skills (GitHub) · design · 2,186 stars · scanned at commit 8f88f9a
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 19 places.
Show 16 more
- skills/frontend-design-ultimate/REVIEW.md, line 131
1. [ ] Fix init-vite.sh to use `npx shadcn@latest add --all` instead of manual Radix installs - skills/frontend-design-ultimate/SKILL.md, line 336
10 common components pre-installed (button, badge, card, accordion, dialog, navigation-menu, tabs, sheet, separator, avatar, alert). Add more with `npx shadcn@l - skills/frontend-design-ultimate/scripts/bundle-artifact.sh, line 41
npx parcel build index.html --no-source-maps --dist-dir dist-parcel - skills/frontend-design-ultimate/scripts/bundle-artifact.sh, line 45
npx html-inline -i dist-parcel/index.html -o bundle.html -b dist-parcel - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 19
npx create-next-app@latest "$PROJECT_NAME" \ - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 39
npx shadcn@latest init -y -d - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 43
npx shadcn@latest add button badge card accordion dialog navigation-menu tabs sheet separator avatar alert -y || { - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 44
echo "⚠️ Warning: Some shadcn components may not have installed. Run 'npx shadcn@latest add [name]' manually." - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 149
echo " npx shadcn@latest add [component-name]" - skills/frontend-design-ultimate/scripts/init-nextjs.sh, line 150
echo " npx shadcn@latest add --all # Install all components" - skills/frontend-design-ultimate/scripts/init-vite.sh, line 29
npx tailwindcss init -p - skills/frontend-design-ultimate/scripts/init-vite.sh, line 333
npx shadcn@latest add button badge card accordion dialog navigation-menu tabs sheet separator avatar alert -y || { - skills/frontend-design-ultimate/scripts/init-vite.sh, line 334
echo "⚠️ Warning: Some shadcn components may not have installed. Run 'npx shadcn@latest add [name]' manually." - skills/frontend-design-ultimate/scripts/init-vite.sh, line 344
echo " ✓ 10 shadcn/ui components (add more with: npx shadcn@latest add [component])" - skills/frontend-design-ultimate/scripts/init-vite.sh, line 352
echo " npx shadcn@latest add [component-name]" - skills/frontend-design-ultimate/scripts/init-vite.sh, line 353
echo " npx shadcn@latest add --all # Install all components"
Runs commands on your computer
The author does not mention this.
Found in 2 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'frontend-design-ultimate' ] || [ -L ~/.agents/skills/'frontend-design-ultimate' ]; then echo 'A skill folder named frontend-design-ultimate already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/LeoYeAI/agent-master-skills' "$d" && git -C "$d" checkout --quiet '8f88f9a0dd5a1075d4f0c7626f9d960844d57575' -- 'skills/frontend-design-ultimate' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend-design-ultimate' ~/.agents/skills/'frontend-design-ultimate' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-design-ultimate' ~/.claude/skills/'frontend-design-ultimate' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for LeoYeAI/agent-master-skills shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/LeoYeAI/agent-master-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | 8f88f9a | 80 |
| 2026-11-07 | 8f88f9a | 85 |