Back to skills
SkillHub ClubDesign ProductFrontendData / AIDesigner

frontend-design

This skill guides creation of distinctive frontend interfaces with strong aesthetic direction. It provides specific design thinking frameworks, typography guidelines, and visual principles to avoid generic AI-generated aesthetics. The skill emphasizes bold creative choices and production-grade implementation across various frameworks.

Packaged view

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

Stars
5
Hot score
82
Updated
March 20, 2026
Overall rating
A8.3
Composite score
5.5
Best-practice grade
A92.0

Install command

npx @skill-hub/cli install timequity-plugins-frontend-design
ui-designfrontend-developmentcreative-codingweb-aesthetics

Repository

timequity/plugins

Skill path: craft-coder/frontend-design

This skill guides creation of distinctive frontend interfaces with strong aesthetic direction. It provides specific design thinking frameworks, typography guidelines, and visual principles to avoid generic AI-generated aesthetics. The skill emphasizes bold creative choices and production-grade implementation across various frameworks.

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: timequity.

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/timequity/plugins before adding frontend-design to shared team environments
  • Use frontend-design for frontend workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

frontend-design | SkillHub