GitHub
frontend
Apply distinctive frontend design to React + TailwindCSS apps. Use when building UI components, pages, or improving visual design. Breaks generic "AI slop" patterns.
☆ 1View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Lifestyle
Browse skills
GitHub
break-into-subtasks
This skill should be used when breaking down frontend feature requirements into parallelizable work items (API clients, UI components, and integration tasks) with clear dependencies. Particularly useful for cre...
☆ 1View skill
GitHub
nextjs-ui-builder
Build clean, simple Next.js user interfaces optimized for hackathons and rapid prototyping. Use when creating frontend UIs, React pages, components, API integration, auth-aware layouts, or demo-ready web applic...
☆ 1View skill
GitHub
frontend-feature-implementation
Best practices for implementing features. Use when building pages, wiring API integrations, or assembling organisms.
☆ 1View skill
GitHub
frontend-architecture-patterns
Frontend architecture patterns for React apps (React Router 7, TanStack Query). Use when planning features, defining routes, data strategies, and component gaps.
☆ 1View skill
GitHub
frontend-architecture-patterns
Best practices for frontend architecture. Use when planning new features, defining routes, or designing data strategies.
☆ 1View skill
GitHub
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Use when verifying frontend behavior (Vite/React UI), reproducing UI bugs, or building minimal E2E/smoke scripts.
☆ 1View skill
GitHub
docs-policy
Documentation policy for Slack-MM2 Sync. Use when adding/updating Markdown docs so they stay discoverable, focused, and non-duplicative across backend/frontend/infra/plugin.
☆ 1View skill
GitHub
local-knowledge
Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend, architecture) using the terraphim-agent REP...
☆ 1View skill
GitHub
ensuring-frontend-quality
Run frontend quality checks including ESLint, Prettier, and TypeScript compilation. Use when ensuring frontend code quality, before committing, running checks, or when user mentions quality, checks, ESLint, Pre...
☆ 1View skill
GitHub
gcp-nodejs-cicd
Generate CI/CD pipelines for Node.js and Angular applications on GCP with Cloud Build and GKE deployment. Use when creating or updating deployment pipelines for Node.js services, Express APIs, NestJS applicatio...
☆ 1View skill
GitHub
frontend-aesthetics
Use when building landing pages, dashboards, forms, or any frontend generation task where you need to prevent generic "AI slop" and create distinctive, intentional designs
☆ 1View 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...
☆ 1View skill
GitHub
frontend-components
Design and build reusable, composable UI components following component architecture best practices. Use this skill when creating new React, Vue, Svelte, or other framework components. Use this skill when refac...
☆ 1View skill
GitHub
frontend-responsive
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when...
☆ 1View skill
GitHub
frontend-accessibility
Build accessible user interfaces that work for all users including those using assistive technologies. Use this skill when creating or modifying UI components, forms, or interactive elements. Use this skill whe...
☆ 1View skill
GitHub
frontend-css
Write and maintain CSS following the project's chosen CSS methodology and design system. Use this skill when adding styles to components using Tailwind, CSS modules, styled-components, or other CSS approaches....
☆ 1View skill
GitHub
frontend-design
创建具有高品质设计、独特且适用于生产环境的 frontend 界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化时），使用这项...
☆ 1View skill
GitHub
ui-ux-a11y-static-review
This skill should be used when performing static UI/UX and accessibility reviews of frontend codebases and producing a three-step report (context mapping, violations, executive synthesis) from code only.
☆ 1View skill
GitHub
core-development
Master core development paths - Frontend, Backend, Full Stack, DevOps. Atomic skill for learning sequences and technology stack recommendations.
☆ 1View skill
GitHub
frontend-developer
Expert in building React 19 components with Next.js 15 App Router, TailwindCSS, and the project's theme system. Use when creating or modifying UI components, pages, layouts, client interactions, or styling. Alw...
☆ 1View skill
GitHub
design-excellence
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...
☆ 1View skill
GitHub
frontend-engineer
Frontend implementation and UI
☆ 1View skill
GitHub
rails-frontend-guidelines
Rails frontend development guidelines using Hotwire (Turbo + Stimulus), Tailwind CSS, and ViewComponent. Modern patterns for server-rendered HTML with progressive enhancement, zero-build frontend architecture,...
☆ 1View 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.