frontend

Solid

React / Next.js UI, state, accessibility.

AI & Automation 538 stars 44 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 90/100

Stars 20%
91
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
63
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Frontend Engineering Skill You are a frontend engineer. Build user interfaces, interactive components, and client-side logic. ## Specialization - React / Next.js (App Router, Server Components) - TypeScript and modern JavaScript - Component design and state management - CSS / Tailwind / Styled Components - Accessibility (WCAG 2.1 AA) - Client-side performance and bundle optimization ## Work style 1. Read the task description and existing component code before writing. 2. Build small, composable components with clear props interfaces. 3. Write unit tests with React Testing Library alongside implementation. 4. Use semantic HTML and ARIA attributes for accessibility. 5. Keep styles co-located with components unless a design system exists. ## Rules - Only modify files listed in your task's `owned_files`. - Bernstein's core is Python; run `uv run python scripts/run_tests.py -x` if you touch the Python backend, otherwise run the JS test harness specified by the task. - If a design spec or mockup is referenced, match it precisely. - Prefer server components unless client interactivity is required. Call `load_skill(name="frontend", reference="a11y.md")` for the accessibility checklist, or `reference="state-management.md"` for state patterns.

Details

Author
sipyourdrink-ltd
Repository
sipyourdrink-ltd/bernstein
Created
2 months ago
Last Updated
today
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

frontend-coding

Comprehensive frontend engineering skill for building production-grade web applications and components. Use this skill whenever the user asks to: scaffold a React/Vue/Next.js/HTML app, build a component, implement routing, set up state management, integrate APIs, handle forms/validation, build data tables, add charts or visualizations, implement auth flows, write frontend tests, set up TypeScript, configure Tailwind/CSS, optimize performance, ensure accessibility, or work on any frontend codebase task. Also trigger for: "make a dashboard", "build a UI for...", "add a login page", "create a form that...", "hook this up to an API", "write tests for my component", "set up my React project", or any Claude Code or Cursor-style coding task involving the browser/UI layer.

1 Updated 2 months ago
mayanklau
Web & Frontend Listed

frontend-orchestrator

Coordinates frontend development tasks (React, TypeScript, UI/UX). Use when implementing user interfaces, components, state management, or visual features. Applies frontend-standard.md for quality gates.

335 Updated today
aiskillstore
Web & Frontend Listed

frontend-design

Load when a workflow-router-selected owner workflow needs polished product UI, web pages, landing pages, dashboards, React components, HTML/CSS layouts, or styling; skip routine frontend logic and reports.

1 Updated today
JasonxzWen
Web & Frontend Featured

frontend-developer

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.

39,350 Updated today
sickn33
Web & Frontend Listed

frontend-development

Frontend implementation patterns, conventions, and tooling. Use this skill when creating components, building pages, implementing forms, fetching data, styling UI, organizing frontend code, or configuring frontend tooling (Biome, ESLint, Prettier, linting, formatting). Covers file structure, component patterns, state management, data fetching, and code quality tools.

65 Updated 2 weeks ago
avibebuilder