Frontend Skill — Git skill for Claude Code
create-frontend — a Claude Code skill that turns 'build me a frontend' into a production-oriented workflow: classify, decide the stack, draw the backend boundary, build, verify in seven categories, pr.
How to install Frontend Skill
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open vardhan23v/frontend-skill and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Frontend Skill does
create-frontend — a Claude Code skill that turns 'build me a frontend' into a production-oriented workflow: classify, decide the stack, draw the backend boundary, build, verify in seven categories, prepare deploy.
Alternatives in Git
- Fullstack Dev Skills — by jeffallan - A comprehensive Claude Code plugin with 65 specialized skills covering full-stack development a 7k ★
- Container Use — by dagger - Development environments for coding agents 3.6k ★
- Copilot API — Turns GitHub Copilot into an OpenAI/Anthropic API compatible server, usable with Claude Code 3.1k ★
README
frontend-skill
[](https://github.com/vardhan23v/frontend-skill/actions/workflows/ci.yml) [](https://github.com/vardhan23v/frontend-skill/actions/workflows/scaffold-drift.yml)
An open-source [Agent Skill](https://agentskills.io) (`create-frontend`) for Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode and any other agent that reads `SKILL.md`. It turns "build me a frontend" into a production-oriented workflow: classify the project, respect or choose the stack, draw the frontend/backend boundary, pick a contrast-checked colour theme, build with real states and accessibility, verify in eight explicit categories, ship to GitHub with the user's identity and CI, and finish with an honest verification report.
**Version:** 4.0.0 · **Licence:** MIT · **Status:** specification complete, not yet validated on a large set of real projects (see [Validation Status](#validation-status))
Contents
- What it does
- Supported project types
- Installation
- Usage
- Workflow
- Stack decisions
- Colour themes
- A new design every time
- Motion
- Delivery and GitHub
- Security headers
- Observability and consent
- Quality gates
- When backend work is required
- Testing expectations
- Verification levels
- Browser verification behaviour
- Failure and recovery behaviour
- The verification report
- Customising
- [Related skills
Related Skills
Front End Skill Claude Code
create-frontend — a Claude Code skill that turns 'build me a frontend' into a production-oriented workflow: cl
GitLab Task Skill
Claude Code skill for filing GitLab issues: drafts tasks for review, checks for duplicates, uses existing labe
Kit Add
Stack a kit MODULE onto this project (e.g. kit add software) — turns a free workspace into a GitHub-managed is
Show HN: I Taught Claude Code To Draw Diagrams – The XML Pitfalls Were Brutal
by ekusiadadus - Article URL: https://github.com/ekusiadadus/draw-mcp Comments URL: https://news.ycombinator.c
Dsh Checkpoint Rewind
Claude Code /rewind for DeepSeek Harness — git-first workspace snapshots before every mutation, turn-boundary
Oop Portfolio Template
Template repo for students in the Object-Oriented Programming course (NTHU, taught by Chenwei Chiang): a semes
Related Agents
Kavach History
KAVACH git-history forensics specialist. Mines commit history for security-relevant commits with no CVE/GHSA l
Extractor
Cheap structured extraction. Capabilities - extract, classify, summarise-single-source, structured-output. Use
Email Classifier
Classify a chunk of Gmail emails into Action Required, Waiting On, or Reference categories. Used by gmail-labe
