claude

frontend-design

Production-grade frontend design skill that avoids AI slop — specific rules for typography, color (OKLCH), layout, motion, interaction, and UX writing

10 on GitHubby harnessprotocolv0.1.2Apache-2.0updated 2 days agodesign
/

Plugin frontend-design from marketplace harness-kit in harnessprotocol/harness-kit. Commands read from the repo's manifest — 2 days ago.

What it installs

Skills (1)

  • frontend-design

    Use when user asks to build a web component, page, or application, or when the task involves frontend design, HTML/CSS generation, or UI layout. Applies specific rules for typography, OKLCH color, layout, motion, interaction, and UX writing to produce distinctive, production-grade interfaces that av

View source on GitHub harnesskit.ai

More from harnessprotocol/harness-kit

All 17 plugins →

Compile, export, import, and sync harness configurations across Claude Code, Cursor, GitHub Copilot, Codex, OpenCode, Windsurf, Gemini CLI, and Junie

5 skills

10

research

claude

Process any source into a structured, compounding knowledge base with refresh capability

2 skills · 1 agent

10

review

claude

Code review for a branch, PR, or path — structured output with severity labels and cross-file analysis

1 skill · 1 agent

10

capture

claude

Capture session information into a staging file for later reflection and knowledge graph processing

1 skill

10

End-to-end Dependabot remediation: fetch open alerts, fix per ecosystem, verify, and open/merge a PR

1 skill

10

docgen

claude

Generate or update README, API docs, architecture overview, or changelog — always confirms before writing

1 skill

10

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain frontend-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins17 plugins