frontend-design
This skill creates custom frontend interfaces with strong visual identity, avoiding generic AI aesthetics. It provides clear workflows for both screenshot-based design extraction and original creation, emphasizing typography, color, motion, and spatial composition. The tool integrates with ai-multimodal for asset generation and analysis.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install ngocsangyem-ngocsangyem-dev-frontend-design
Repository
Skill path: .claude/skills/frontend-design
This skill creates custom frontend interfaces with strong visual identity, avoiding generic AI aesthetics. It provides clear workflows for both screenshot-based design extraction and original creation, emphasizing typography, color, motion, and spatial composition. The tool integrates with ai-multimodal for asset generation and analysis.
Open repositoryBest for
Primary workflow: Design Product.
Technical facets: Frontend, Data / AI, Designer.
Target audience: Frontend developers and designers who want to create distinctive interfaces with AI assistance, particularly those working on projects requiring strong visual identity..
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 into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/ngocsangyem/ngocsangyem.dev before adding frontend-design to shared team environments
- Use frontend-design for frontend workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.