design-principles
Swiss International Style design system for Resume Matcher. Use this skill when building UI components, modifying styles, or creating new pages. Every frontend change MUST follow these rules.
Skills matching the name, description or GitHub author.
Swiss International Style design system for Resume Matcher. Use this skill when building UI components, modifying styles, or creating new pages. Every frontend change MUST follow these rules.
Specializes in building high-quality, brand-consistent frontend interfaces. This skill enforces the usage of 'README-as-Database' pattern and rendering content as rich OG cards.
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...
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...
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.
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...
Deploy NutriProfile to production. Use this skill when deploying backend to Fly.io, frontend to Cloudflare Pages, managing secrets, running health checks, or troubleshooting deployment issues.
Phase-sliced workflow for cross-stack features (backend + portal). Use when implementing features that span both backend API and portal-web UI. Triggers: cross-stack, backend + portal, endpoint + UI, API + fron...
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...
Break down high-level plans into specific tasks with file paths, line numbers, and verification steps. Creates execution-ready implementation plans.
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.
Full-stack debugging specialist for Faiston NEXO. Use when encountering errors, bugs, test failures, or unexpected behavior in Frontend (React, TypeScript, Vite), Backend (FastAPI, Lambda), Agents (Google ADK,...
Expert-level frontend code review workflow focusing on maintainability, security, performance, and accessibility. Use when reviewing frontend diffs, PRs, components, SPAs, UI logic, or framework-specific code (...
Web Performance Optimizer (frontend + backend aware) converting performance findings into code-level fixes.
Identify and map different sections of a software project (API, frontend, database, CLI, domain). Use for context scoping and architecture documentation.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
React/TypeScript frontend developer for Faiston NEXO. Use for: (1) Creating or modifying React components, hooks, or UI elements; (2) Implementing responsive layouts with Tailwind CSS; (3) State management with...
Angular (v17+) frontend development conventions. Use when working on Angular projects.
Build desktop apps with Rust backend and WebView frontend.
World-class Frontend Engineer specializing in accessible, performant, secure-by-default React/Web applications.
Scaffold frontend, backend, DB, tests, and docs.
Write production frontend code (React, TypeScript, CSS). Use when implementing components, API integration, state management, form handling, or client-side performance optimization. Implements designs from ux-u...
Ensures consistency in vanilla TypeScript development for the apiary frontend, maintaining architectural integrity and code quality.
Technical patterns for React/Next.js + n8n + Airtable dashboard stack. Covers data layer design, frontend architecture, state management, performance optimisation, and deployment patterns.
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.