AgentToolHub
Skill

frontend-starter-kit

frontend-starter-kit — a Claude Code skill from malinskibeniamin/skills

Features

  • ✓Automated build and PR readiness checks
  • ✓Real-time pattern enforcement with hooks
  • ✓Orchestration layer for test-driven development
  • ✓Enhanced accessibility and type safety
  • ✓Code review integration with zero babysitting
  • ✓Visit GitHub for more tools

Installation Guide

Run inside Claude Code session (start with claude in terminal):

bash
/plugin marketplace add malinskibeniamin/skills
bash
/plugin install frontend-skills@skills
bash
/reload-plugins

Three commands. Skills, hooks, agents activate immediately. Done.

Update (pull latest):

bash
/plugin install frontend-skills --force

Restart Claude Code session so hooks reload from new cache.

Verify:

bash
bash "$(ls -d ~/.claude/plugins/cache/skills/frontend-skills/*/ | tail -1)scripts/verify-install.sh"

<details>
<summary>Codex (OpenAI) -- install as Codex plugin</summary>

Repo ships Codex-native plugin manifest (.codex-plugin/plugin.json). Codex plugins require vendoring -- plugin must exist as local directory in repo.

1. Vendor into repo (subtree preferred over submodules):

bash
git subtree add --prefix=plugins/frontend-skills https://github.com/malinskibeniamin/skills.git main --squash

2. Add repo marketplace at .agents/plugins/marketplace.json:

json
{
  "name": "skills",
  "interface": { "displayName": "Frontend Skills" },
  "plugins": [{
    "name": "frontend-skills",
    "source": { "source": "local", "path": "./plugins/frontend-skills" },
    "policy": { "installation": "INSTALLED_BY_DEFAULT", "authentication": "ON_INSTALL" },
    "category": "Development"
  }]
}

Use INSTALLED_BY_DEFAULT for zero-click install (everyone on repo get it). Use AVAILABLE for opt-in.

3. Enable hooks (separate from plugin -- hooks experimental runtime feature, not plugin payload):

toml
# .codex/config.toml
[features]
codex_hooks = true

Wire .codex/hooks.json at vendored plugin scripts (plugins/frontend-skills/.claude/hooks/...). Run codex-compat skill to generate hooks config + batch checker.

Update: git subtree pull --prefix=plugins/frontend-skills https://github.com/malinskibeniamin/skills.git main --squash

</details>

<details>
<summary>Alternative: install individual skills via skills.sh (granular control)</summary>

Use if want specific skills instead of full plugin.

bash
# Core workflow + all setup skills
bunx skills@latest add malinskibeniamin/skills/frontend-starter-kit --agent claude-code -y

# Just the development lifecycle (no setup hooks)
bunx skills@latest add malinskibeniamin/skills/development-lifecycle --agent claude-code -y

# Project management + planning skills
bunx skills@latest add malinskibeniamin/skills/work-automation-kit --agent claude-code -y

# Individual skills -- pick what you need:
bunx skills@latest add malinskibeniamin/skills/brainstorming --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/tdd --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/domain-model --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/grill-me --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/github-triage --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/qa --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/zoom-out --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/triage-issue --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/design-an-interface --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/improve-codebase-architecture --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/request-refactor-plan --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/write-a-skill --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/codex-compat --agent claude-code -y

Optional extras:

bash
# TanStack official reference skills (28 soft-guidance skills from docs)
npx @tanstack/intent@latest install

# Atlassian/Jira integration (requires acli installed)
bunx skills@latest add malinskibeniamin/skills/setup-atlassian-workflow --agent claude-code -y

# Redpanda-specific (Chakra/legacy bans, registry workflow)
bunx skills@latest add malinskibeniamin/skills/redpanda-frontend-kit --agent claude-code -y

Verify: bash scripts/verify-install.sh

</details>

Reviews