Back to skills
SkillHub ClubDesign ProductFrontendData / AIDesigner

frontend-design-pro

Generates high-quality frontend interfaces with matching real photos or AI image prompts. Enforces specific design systems and provides production-ready code with accessibility compliance.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
2
Hot score
79
Updated
March 20, 2026
Overall rating
A8.4
Composite score
5.6
Best-practice grade
B81.2

Install command

npx @skill-hub/cli install ngocsangyem-ngocsangyem-dev-frontend-design-pro
ui-designimage-generationfrontend-templatescreative-coding

Repository

ngocsangyem/ngocsangyem.dev

Skill path: .claude/skills/frontend-design-pro

Generates high-quality frontend interfaces with matching real photos or AI image prompts. Enforces specific design systems and provides production-ready code with accessibility compliance.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Frontend, Data / AI, Designer.

Target audience: Frontend teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: ngocsangyem.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install frontend-design-pro into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/ngocsangyem/ngocsangyem.dev before adding frontend-design-pro to shared team environments
  • Use frontend-design-pro for frontend workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

frontend-design-pro | SkillHub