frontend-design

Battle-tested Claude Code, OpenAI Codex, Cursor configs, plugins, hooks and agents with Kimi, MiniMax and GLM API support.

偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.

This repository helps those people who started to learning web development. And struggle for design templates.

Frontend design skill for Claude Code, Codex, and Gemini CLI. Eight aesthetic anchors, each locking palette, typography, and texture to specific CSS tokens. Pick one per brief.

Audits AI-generated frontend and rewrites it so it stops looking AI-made: purple-gradient slop and the "tasteful" defaults (cream + terracotta, mono chrome). Zero-dependency scanner included. The design counterpart to avoid-ai-writing.

Plug-and-play MCP that gives your coding agent UI superpowers. One-line install, zero config. Claude Code, Codex, Cursor, VS Code, and more.

Open-source agent skills library for building SaaS, marketing systems, creative assets, and frontend design workflows

Claude Code skills for brand development, image generation, and frontend design — built around the convergence problem. LLMs generate the average. These workflows escape it.

Production-ready AI skills for modern SaaS UI/UX design, typography systems, and brand asset generation. Compatible with Claude Code, Cursor, Windsurf, Codex, and OpenCode. Transform your AI coding assistant into a professional design partner.

Hermes Agent frontend design skill — 23 commands for UI design, critique, polish, and iteration

Official Anthropic Agent Skills — frontend-design, claude-api, docx, pptx, xlsx, pdf, canvas-design, mcp-builder and more

Turn any screenshot/design reference into a precise, copy-paste-ready developer prompt. Upload a screenshot → get exact hex colors, Tailwind classes, animation specs, and component structure — ready for Lovable, Bolt, Replit, or Cursor.

Premium cosmic-themed text analytics tool with real-time word and character counting. Built with Node.js, Express, and TypeScript. Featuring a stunning glassmorphism UI and dynamic cosmic animations.

17 installable agent skills for distinctive web design: art direction, implementation, critique, accessibility, and visual QA for Codex, Claude Code, and Cursor.

This repository consists of all projects that i taught on the youtube

314 website designs with examples

Frontend design rules for AI coding agents: prevents generic AI UI slop, glassmorphism, gradient abuse, and unusable dashboards.

This project allows you to make your own t-shirt, customize it, choose a color and image upload and ask ChatGPT to make your own t-shirt by the prompt.

Codex frontend style orchestration skill with reusable style packs. Install via: npx skills add citizenll/frontend-style-orchestrator

All-in-one resource kit for frontend devs & designer