ai-development-guide
Applies language-agnostic and backend technical decision criteria, anti-pattern detection, debugging, and quality gates. Use when…
@shinprInstall SkillDevelopment
Skill
/frontend-ai-guide
Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates. Use when reviewing components, hooks, browser behavior, or frontend implementation completeness.
Claude Code
$ npx -y skills add shinpr/claude-code-workflows --skill frontend-ai-guide --agent claude-code
Codex
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a codex -y
Cursor
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a cursor -y
Gemini CLI
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a gemini-cli -y
GitHub Copilot
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a github-copilot -y
OpenCode
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a opencode -y
Windsurf
$ npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -a windsurf -y
Stats
714
Stars
106
Forks
Active
Maintenance
JavaScript
Language
MIT
License
Last commit
Created
Ships withclaude-code-workflows
Claude Code can explore a codebase deeply. On non-trivial work, the harder problem is convergence.
70729 skills24 agents
Stars on GitHub
Momentum
- stars in total
- 707
Other skills on claude-code-workflows.
@shinprInstall Skillcoding-principles
Language-agnostic coding principles for maintainability, readability, and quality. Use when implementing features, refactoring…
@shinprInstall Skilldocumentation-criteria
Determines which of PRD, ADR, UI Spec, Design Doc, and Work Plan a change requires, and where each is stored. Use when deciding…
@shinprInstall Skillexternal-resource-cont…
Records where resources outside the repository live (design source, design system, API schema, IaC source, secret store) and how…
@shinprInstall Skillimplementation-approac…
Implementation strategy selection framework. Use when planning implementation strategy, selecting development approach, or…
@shinprInstall Skillintegration-e2e-testin…
Defines integration/E2E skeleton annotations, lane and file contracts, and route-parity review criteria. Use when generating or…
@shinprInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about frontend-ai-guide.
- Which coding agents can use frontend-ai-guide?
- frontend-ai-guide installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.