Run any Skill in Manus with one click

frontend-design

Stars3

Forks0

UpdatedJune 14, 2026 at 07:12

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

victusfate

victusfate/scaffold

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	frontend-design
description	Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
license	Apache-2.0
metadata	{"author":"Anthropic","version":"1.0"}

Read and follow the complete skill instructions in skills/frontend-design.md.

More from this repository

same repository

council

victusfate/scaffold

Run a high-stakes decision through a council of five persona-diverse advisors (Contrarian, First-Principles, Expansionist, Outsider, Executor) in parallel, then anonymized peer review, then a chairman synthesis of where they agree, clash, and what to do. Use for real tradeoffs ("council this", "pressure-test this", "should I X or Y"), not factual or low-stakes questions.

2026-07-153

code-refiner

victusfate/scaffold

Composite review-and-fix for the current diff — run the correctness review (validate) and structural-quality review (simplify) in parallel, merge their findings, then apply all fixes in a single serial pass and re-verify. Supports --effort, --fix, --comment. For a full-repo survey use /audit.

2026-07-033

prune

victusfate/scaffold

Run all quality lenses (validate, simplify), aggregate findings into a design doc, then drive the full feature chain (PRD → TDD → PR) to fix them systematically.

2026-07-023

simplify

victusfate/scaffold

Structural-quality review of changed code — score against the four-dimension rubric, gate at 10/10, and (in auto-fix mode or with --fix) apply reuse/simplification/efficiency/altitude cleanups. Includes a diff-economy lens; correctness is /validate, full-repo survey is /audit.

2026-07-023

validate

victusfate/scaffold

Validate the current diff for correctness bugs and test-integrity regressions (a test weakened to pass is a defect); supports --effort low|medium|high|max, --full to scan the whole repo, --fix to apply fixes, --comment to post as PR inline comments.

2026-07-023

diagram

victusfate/scaffold

Generate or update a mermaid diagram with the `.mmd` text as source of truth — defaults to a lightweight zero-dependency Node live-preview server that watches the .mmd and hot-reloads a browser tab (pan/zoom), with a self-hosted mermaid.live editor via Docker, system-viewer SVG, VS Code live preview, or a public mermaid.live publish URL as alternatives. Use for architecture, flowchart, sequence, ER, state, or class diagrams; "diagram this", "draw the architecture", "make a mermaid diagram", "render this mermaid", or "/diagram". Never converts to a lossy shape format.

2026-06-303

Run any Skill with one click