GitHub
deno-frontend
Use when building web UIs with Fresh framework, using Preact components, or adding Tailwind CSS styling in Deno
☆ 2View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Data & AI
Browse skills
GitHub
conch-generator
This skill helps you generate a new OpenMRS ESM microfrontend (DHTI conch) from this template. Use this skill when you need to create a new DHTI-enabled microfrontend that integrates with the OpenMRS 3.x ecosys...
☆ 2View skill
GitHub
excellence-skill-creator
Create opinionated, anti-slop skills that encode taste. NOT for: general skill structure, reference guides, procedural docs (use skill-creator instead). USE for: frontend-design, cli-design, system-architecture...
☆ 2View skill
GitHub
anthropic-web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 2View skill
GitHub
anthropic-web-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
☆ 2View skill
GitHub
anthropic-web-frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 2View skill
GitHub
lightfriend-add-frontend-page
Step-by-step guide for adding new pages to the Yew frontend
☆ 2View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 2View skill
GitHub
server-actions
Enforces project server actions coding conventions when creating or modifying server actions using next-safe-action, and ensures consistent client-side consumption patterns using the project's useServerAction h...
☆ 2View skill
GitHub
create-product-agent-playwright-tests
Create or update Playwright end-to-end tests for the Product Agents frontend in this repo, especially for settings validation, conversation artifact visibility, research plan approval/rejection, and clarifying-...
☆ 2View skill
GitHub
frontend
Frontend coding conventions using Preact and Tailwind. Use when writing or reviewing frontend JavaScript, HTML, or CSS code for web UI components.
☆ 2View skill
GitHub
external-review
External AI code review using Codex or Gemini. Reads project.yaml to determine which provider to use for frontend vs backend tasks. Includes hallucination detection to avoid blindly applying AI suggestions.
☆ 2View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 2View skill
GitHub
managing-dev-environment
Use this skill when starting, stopping, or troubleshooting the development environment including managing backend/frontend services, handling port conflicts, setting up Docker vs SQLite modes, configuring Cloud...
☆ 2View skill
GitHub
feature-sliced-design
Feature-Sliced Design (FSD) architectural methodology for frontend applications. Use this when structuring code, creating new features, refactoring folder structure, or ensuring proper layer/slice/segment organ...
☆ 2View skill
GitHub
ui-engineer
Act as a UI engineer to iterate on design details and produce production-grade frontend interfaces. Use when the user provides a PRD (Product Requirements Document) or an existing concept app and wants to refin...
☆ 2View skill
GitHub
frontend-accessibility
Web accessibility (a11y) standards for inclusive design. Use this skill when adding semantic HTML, ARIA attributes, keyboard navigation, or ensuring screen reader compatibility. Apply when working on HTML struc...
☆ 2View skill
GitHub
frontend-components
UI component best practices for vanilla JavaScript and HTML. Use this skill when creating or modifying HTML elements, building reusable JavaScript modules, or structuring DOM components in this static website....
☆ 2View skill
GitHub
frontend-responsive
Responsive design standards for mobile-first development. Use this skill when implementing responsive layouts, mobile breakpoints, or ensuring the site works across all device sizes. Apply when working on viewp...
☆ 2View skill
GitHub
frontend-css
CSS best practices for this static website. Use this skill when writing or modifying CSS in css/styles.css, applying consistent styling patterns, managing design tokens, or ensuring performance. Apply when work...
☆ 2View skill
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 2View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSWR, file organization with features directory, shadcn/ui components, Tailwind CSS styling...
☆ 2View skill
GitHub
poker-game-router
Route requests for the Stacked Poker Next.js frontend repo to the right repo skill (Chakra UI/theme, thirdweb/SIWE auth, WebSockets/game state, chat/media, poker hand eval, QA/release). Use at the start of most...
☆ 2View skill
GitHub
frontend-quality-bar
Enforce a high-quality, production-ready standard for changes in this Next.js + Chakra UI frontend repo. Use for UX polish, accessibility, performance, error/loading states, code hygiene, and “ready to merge” c...
☆ 2View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.