SkillsAdd

redpanda-data/ui-harness · Archived

frontend-starter-kit

Complete frontend stack -- 14 setup skills + 14 owned workflow skills + 4 optional community skills in one command. Use when starting new frontend project or bootstrapping frontend best practices from scratch.

First seen May 12, 2026

Installation

$ npx skills add redpanda-data/ui-harness --skill frontend-starter-kit
View on skills.sh ↗ GitHub repository ↗

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

setup-toolchain Same source
redpanda-data/ui-harness

Enforce bun + tsgo as toolchain via PreToolUse hooks. Blocks npm, npx, tsc, global installs. Us…

3 installs
commit-push Same source
redpanda-data/ui-harness

Analyze changes, create categorized conventional commits, and push. Use when user asks to commi…

2 installs
redpanda-frontend-kit Same source
redpanda-data/ui-harness

Meta-skill that runs the generic frontend-starter-kit plus additional React skills and Redpanda…

2 installs
development-lifecycle Same source
redpanda-data/ui-harness

Use when doing frontend/React/TypeScript/UI work. Auto-guides phase: understand -> plan -> gril…

2 installs

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Shared topics
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Shared topics
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
azure-enterprise-infra-planner Shared topics
microsoft/azure-skills

Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud a…

402.8K installs

Also in this package

Other skills from redpanda-data/ui-harness · top by installs.

npx skills add redpanda-data/ui-harness
setup-toolchain 3 commit-push 2 redpanda-frontend-kit 2 development-lifecycle 2 steelman 2 work-automation-kit 2 setup-tanstack-router 2 setup-routines 2 setup-connect-query 2 setup-agent-config 2

Browse all from redpanda-data/ui-harness

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 34
License LICENSE
Default branch main
Open issues 0
Status Archived

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,695 B
  • docs SUMMARY.md 237 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 4 installs

SKILL.md

Frontend Starter Kit

Setup Skills (1-14, sequential, idempotent)

  1. setup-toolchain -- bun + tsgo enforcement, destructive command guards
  2. setup-biome -- Biome + Ultracite, auto-fix hook
  3. setup-quality-gate -- quality:gate script, CI workflow, Stop hook, bundle guard
  4. setup-agent-config -- AI_AGENT=1, output truncation
  5. setup-react-compiler -- React Compiler + memoization check
  6. setup-zustand -- double-parens create, useShallow, persist
  7. setup-accessibility -- ARIA enforcement, Playwright AXE, WCAG 2.1 AA
  8. setup-react-rules -- ban raw HTML, TS escapes, XSS, barrel imports
  9. setup-env-validation -- t3-env + zod, ban process.env
  10. setup-conventional-commits -- type(scope): description
  11. setup-react-doctor -- health scoring + Stop hook
  12. setup-tanstack-router -- route tree auto-gen + enforcement
  13. setup-connect-query -- ConnectRPC + Protobuf enforcement
  14. setup-e2e-testing -- Playwright + Testcontainers + axe-core

Workflow Skills (15-28)

development-lifecycle, tdd, brainstorming, setup-ci-pipeline, improve-codebase-architecture, request-refactor-plan, design-an-interface, domain-model, grill-me, triage, diagnose, qa, zoom-out, write-a-skill

Steps

1. Run setup skills 1-14 sequentially

Each skill SETUP.md has install steps. Set REACTRULESBAN_USEEFFECT=1 in session-env.sh.

2. Install workflow skills

bunx skills@latest add malinskibeniamin/skills/development-lifecycle --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/tdd --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/brainstorming --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/setup-ci-pipeline --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/design-an-interface --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/triage --agent claude-code -y
bunx skills@latest add malinskibeniamin/skills/diagnose --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/write-a-skill --agent claude-code -y

3. Community skills (optional)

bunx skills@latest add mattpocock/skills/grill-with-docs --agent claude-code -y
bunx skills@latest add mattpocock/skills/prototype --agent claude-code -y
bunx skills@latest add mattpocock/skills/to-prd --agent claude-code -y
bunx skills@latest add mattpocock/skills/to-issues --agent claude-code -y
bunx skills@latest add mattpocock/skills/handoff --agent claude-code -y
bunx skills@latest add mattpocock/skills/ubiquitous-language --agent claude-code -y
bunx skills@latest add mattpocock/skills/git-guardrails-claude-code --agent claude-code -y

4. Verify

  • .claude/settings.json has all hooks, biome.jsonc + src/env.ts exist
  • Scripts: lint, lint:fix, type:check, test, quality:gate
  • .github/workflows/quality-gate.yml exists, all hooks executable