Frontend Design Pro banner
Krishna-Modi12 Krishna-Modi12

Frontend Design Pro

AI community
SOURCE https://github.com/Krishna-Modi12/frontend-design-pro

Description

Machine-enforced frontend UI/UX skill pack for AI agents. Registry + lazy loading: a 2,149-token router loads one skill per request out of 436,039 tokens of depth. 11 release-blocking gates, including one that checks the pack's own docs and reference material against its own rules.

Installation

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

README

frontend-design-pro — a skill pack for AI coding agents. A component sits on an audit bench while a scan beam sweeps it, and its constraints resolve one by one to green checks: type scale, contrast, focus ring, colour space — ending on a pass.

**Taste you can put in CI.** **61 machine-checked constraints, 11 release gates, and an agent that stops reaching for Inter.**

[![Release](https://img.shields.io/github/v/release/Krishna-Modi12/frontend-design-pro?style=for-the-badge&color=1f6feb&labelColor=161b22)](https://github.com/Krishna-Modi12/frontend-design-pro/releases) [![Gates](https://img.shields.io/github/actions/workflow/status/Krishna-Modi12/frontend-design-pro/ci.yml?branch=main&style=for-the-badge&label=gates&color=2ea043&labelColor=161b22)](https://github.com/Krishna-Modi12/frontend-design-pro/actions/workflows/ci.yml) [![License](https://img.shields.io/github/license/Krishna-Modi12/frontend-design-pro?style=for-the-badge&color=8957e5&labelColor=161b22)](LICENSE) [![Stars](https://img.shields.io/github/stars/Krishna-Modi12/frontend-design-pro?style=for-the-badge&color=d29922&labelColor=161b22)](https://github.com/Krishna-Modi12/frontend-design-pro/stargazers)

[![Live site](https://img.shields.io/badge/live%20site-route%20a%20request-2ea043?style=for-the-badge&labelColor=161b22)](https://krishna-modi12.github.io/frontend-design-pro/)

**[Live site](https://krishna-modi12.github.io/frontend-design-pro/)** · **[Install](#install-in-30-seconds)** · **[Skills](#the-19-skills)** · **[Architecture](#architecture--registry--lazy-loading)** · **[Demos](#demos)** · **[Verification](#verification)** · **[Docs](#docs)**

A machine-enforced frontend UI/UX skill pack for AI coding agents. Most prompt packs *tell* an agent what good UI looks like. This one proves it: every example compiles under `tsc --strict`

Related Skills

Agency Agents preview

Agency Agents

A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject

msitarzewski AI
Awesome Llm Apps preview

Awesome Llm Apps

100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.

Shubhamsaboo AI
Firecrawl preview

Firecrawl

🔥 The API to search, scrape, and interact with the web for AI

firecrawl AI
Artifacts Builder preview

Artifacts Builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech

anthropics AI
Headroom preview

Headroom

Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agen

headroomlabs-ai AI
CrewAI preview

CrewAI

Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA

crewAIInc AI