frontend-ui-foundry

65 / 100 · Review before installing

Check before installing.

By jiushiwon/wg-skills (GitHub) · design · 146 stars · scanned at commit 1c761a6

Use when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting design tokens from code, when applying a brand style, or when auditing a frontend project for design and code quality. Covers 8 scenarios, 10 mainstream color palettes, 15 font pairings, 4pt spacing scale, OKLCH color strategy, and 6 tech stacks (HTML+Tailwind/React+Next/Vue+Nuxt/uniapp/RN/Svelte).

Works with any agent that supports SKILL.md skills.

What this skill can do

Changes files outside its own folder

The author does not mention this.

Found in 2 places.

frontend/frontend-ui-foundry/README.md, line 69cp -r frontend-ui-foundry ~/.claude/skills/
frontend/frontend-ui-foundry/README.md, line 96ln -s wg-skills/frontend-ui-foundry ~/.claude/skills/frontend-ui-foundry

Downloads and installs other software

The author does not mention this.

Found in 7 places.

frontend/frontend-ui-foundry/references/stacks/html-tailwind.md, line 35npx tailwindcss init -p
frontend/frontend-ui-foundry/references/stacks/react-native.md, line 46npx @react-native-community/cli@latest init MyApp --version latest
frontend/frontend-ui-foundry/references/stacks/react-nextjs.md, line 40npx create-next-app@latest my-app \

Show 4 more

frontend/frontend-ui-foundry/references/stacks/svelte.md, line 41npx sv create my-app
frontend/frontend-ui-foundry/references/stacks/uniapp.md, line 40npx degit dcloudio/uni-preset-vue#vite-ts my-project
frontend/frontend-ui-foundry/references/stacks/vue-nuxt.md, line 41npx nuxi@latest init my-app
frontend/frontend-ui-foundry/references/stacks/vue-nuxt.md, line 43npx nuxi@latest module add @nuxtjs/tailwindcss

Sends data to these websites: api.example.com

The author does not mention this.

Found in 3 places.

frontend/frontend-ui-foundry/references/stacks/react-nextjs.md, line 224const res = await fetch('https://api.example.com/data', {
frontend/frontend-ui-foundry/references/stacks/svelte.md, line 160const res = await fetch('/api/data');
frontend/frontend-ui-foundry/references/stacks/vue-nuxt.md, line 207this.profile = await $fetch('/api/user/me');

Runs commands on your computer

The author does not mention this.

Found in 2 places.

frontend/frontend-ui-foundry/scripts/verify-output.mjs, line 10import { execSync } from 'node:child_process';
frontend/frontend-ui-foundry/scripts/verify-output.mjs, line 31execSync('npm run build', { cwd: root, stdio: 'pipe', timeout: 120000 });

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-ui-foundry' ] || [ -L ~/.agents/skills/'frontend-ui-foundry' ]; then echo 'A skill folder named frontend-ui-foundry already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/jiushiwon/wg-skills' "$d" && git -C "$d" checkout --quiet '1c761a6dbc5a85b69fbef8c099270e4c42cf6255' -- 'frontend/frontend-ui-foundry' && mkdir -p ~/.agents/skills && cp -R "$d"/'frontend/frontend-ui-foundry' ~/.agents/skills/'frontend-ui-foundry' && 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-ui-foundry' ~/.claude/skills/'frontend-ui-foundry' (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 jiushiwon/wg-skills shows the score of its lowest-scoring skill.

SkillTrust badge for jiushiwon/wg-skills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/jiushiwon/wg-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/jiushiwon/wg-skills/)

Score history

Date	Version	Score
2026-11-13	`1c761a6`	65