GitHub
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
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Research
Browse skills
GitHub
frontend-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Automatically applied for frontend implementation, UI component creation, and when Figma URLs are provided.
☆ 1View skill
GitHub
frontend-mastery
Advanced React patterns, performance optimization, and state management rules.
☆ 1View skill
GitHub
ux-design
Design user experiences with usability focus. Use when planning user flows, navigation, forms, error handling, or accessibility. Complements frontend-design (visual) with UX structure.
☆ 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, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
webapp-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.
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade interfaces that avoid generic aesthetics
☆ 1View skill
GitHub
chrome-devtools
This skill should be used when the user asks to "inspect the page", "take a screenshot", "check how it looks", "check console", "console errors", "JavaScript errors", "debug the page", "analyze performance", "p...
☆ 1View skill
GitHub
implementing-as-tachikoma
Operates as Tachikoma Agent (Implementation Worker). Performs actual implementation work. Adapts to frontend, backend, testing, or other roles based on Kusanagi's assignment. Uses /serena command for efficient...
☆ 1View skill
GitHub
designing-frontend
Creates distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
☆ 1View skill
GitHub
testing-standards
Ensures all new screens/components have unit tests with proper coverage. Validates test files exist for loading, error, success, and state-transition states. Checks that backend handlers have corresponding test...
☆ 1View skill
GitHub
test-generator
Generates comprehensive tests for Ishkul code including state transition tests that catch React Rules of Hooks violations. Creates tests for frontend screens/components (Jest + RTL) and backend handlers (Go tes...
☆ 1View skill
GitHub
feature-implementation
Comprehensive checklist for implementing new features in Ishkul. Ensures all aspects are covered including frontend, backend, tests, E2E tests, infrastructure, and documentation. Use when starting work on a new...
☆ 1View skill
GitHub
code-reviewer
Comprehensive code review for Ishkul's React Native/TypeScript frontend and Go backend. Checks for quality, security, performance, and adherence to project conventions. Use after implementing features or during...
☆ 1View skill
GitHub
frontend-accessibility
Build accessible user interfaces with semantic HTML, keyboard navigation, proper color contrast, ARIA attributes, and screen reader support. Use this skill when creating or modifying frontend UI components, HTM...
☆ 1View skill
GitHub
frontend-responsive
Build responsive, mobile-first user interfaces that adapt gracefully across all screen sizes using fluid layouts, relative units, breakpoints, and optimized assets. Use this skill when creating or modifying UI...
☆ 1View skill
GitHub
frontend-components
Design reusable, composable UI components with single responsibility, clear props interfaces, minimal state management, and proper encapsulation. Use this skill when creating or modifying React components, Vue...
☆ 1View skill
GitHub
frontend-css
Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for better performance and maintainability. Use this skill when writing or modifying CSS files...
☆ 1View skill
GitHub
webapp-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.
☆ 1View skill
GitHub
obs-cpp-qt-patterns
C++ and Qt integration patterns for OBS Studio plugins. Covers Qt6 Widgets for settings dialogs, CMAKE_AUTOMOC, OBS frontend API, optional Qt builds with C fallbacks, and modal dialog patterns. Use when adding...
☆ 1View skill
GitHub
frontend-web-dev-expert
Advanced frontend web development expert system that provides comprehensive modern web development services including architecture design, UI/UX implementation, performance optimization, engineering setup, and...
☆ 1View skill
GitHub
run-test-suite
Automatically run the test suite when code changes are made to ensure all tests pass before proceeding. This skill runs pytest for backend projects and Playwright for frontend projects, and reports test results...
☆ 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, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
nextjs
Build, review, and refactor Next.js (App Router) frontend projects with TypeScript. Use for tasks like creating pages/layouts, routing, server components vs client components, data fetching patterns, UI compone...
☆ 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.