nmhjklnm

Frontend Skills — Design skill for Claude Code

Design community

Frontend engineering and product UI skills for Claude Code (plugin: front).

How to install Frontend Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open nmhjklnm/frontend-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Frontend Skills does

Frontend engineering and product UI skills for Claude Code (plugin: front).

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Interface Design — Design engineering for Claude Code 4.3k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★

README

frontend-skills

Frontend engineering and product UI skills for [Claude Code](https://claude.com/claude-code), packaged as one installable plugin (`front`). Curated from several open-source skill collections — see [NOTICE.md](NOTICE.md) for full attribution.

Install

claude plugin marketplace add nmhjklnm/frontend-skills
claude plugin install front@frontend-skills

Skills

Skill	What it does
`calm-ui`	Restrained, calm visual design — prompt library against overdesigned "AI-flavored" UI
`component-refactoring`	Split oversized components, extract hooks, reduce complexity
`frameworks-react`	React patterns: composition, state, hooks, performance
`frontend-design`	Visual direction for distinctive, intentional interfaces
`frontend-code-review`	Review checklist for frontend code quality, business logic, performance
`frontend-testing`	Component/hook/utility testing with templates and mocking patterns
`guiding-users`	Onboarding: product tours, feature spotlights, progressive disclosure
`how-to-write-component`	Component authoring conventions and structure
`macos-design-guidelines`	Apple HIG for macOS apps — 60+ rules with SwiftUI/AppKit examples
`tailwind-design-system`	Tailwind CSS v4 design systems, tokens, CVA variants
`web-component-design`	Framework-agnostic component API design for React/Vue/Svelte

License

Repository scaffolding (manifests, this README) is MIT. Each vendored skill retains its upstream license — Apache 2.0, MIT, or Dify's Modified Apache 2.0; one skill (`calm-ui`) has no upstream license and is redistributed with attribution. Details and original texts: [NOTICE.md](NOTICE.md) and [LICENSES/](LICENSES/).