jlaws

J Frontend — Design skill for Claude Code

Design community

Frontend consultation — frameworks, design systems, and web patterns.

How to install J Frontend

Installs to ~/.claude/commands/jlaws-dotfiles-j-frontend.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/jlaws/dotfiles/HEAD/.claude/commands/j-frontend.md -o ~/.claude/commands/jlaws-dotfiles-j-frontend.md

Restart Claude Code, or start a new session, for it to be picked up.

What J Frontend does

name: j-frontend description: "Frontend consultation — frameworks, design systems, and web patterns. Use when building with React, Next.js, Svelte, Tailwind, or solving frontend challenges. Do NOT use for backend API design (use /j-arch instead)." argument-hint: "" model: sonnet effort: medium

Load skill `analysis-output-patterns` for output structure rules.

Before starting, gather diagnostic context:

Detect frontend framework from config files (next.config.js

Alternatives in Design

Deepclaude — Use Claude Code's autonomous agent loop with DeepSeek V4 Pro, OpenRouter, or any Anthropic-compatible backend 2.3k ★
Maestro Impeccable — Use when designing, auditing, polishing, improving, or codifying frontend UI — websites, dashboards, landing p 530 ★
Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★