frontend-components
Design and build reusable UI components following single responsibility principle, composability patterns, clear prop interfaces with sensible defaults, encapsulation of implementation details, consistent namin...
Skills matching the name, description or GitHub author.
Design and build reusable UI components following single responsibility principle, composability patterns, clear prop interfaces with sensible defaults, encapsulation of implementation details, consistent namin...
This skill helps iOS developers integrate the Asleep SDK for sleep tracking functionality. Use this skill when building native iOS apps with Swift/SwiftUI that need sleep tracking capabilities, implementing del...
This skill should be used when users request comprehensive analysis of technology ecosystems, comparing multiple libraries/frameworks/tools with quantitative metrics from GitHub and web research. Trigger words...
A comprehensive, long-horizon skill for designing, coding, debugging, and scaling AI-integrated systems — including Python backends, React frontends, RAG pipelines, vector databases, and tool orchestration. Ens...
Vercel deployment workflow for CA Lobby React app with Clerk auth and BigQuery backend. Use when deploying CA Lobby, troubleshooting Vercel, or user says "deploy". Ensures proper configuration and verification.
Maintain approved technology stack including TypeScript/Python languages, React/Tailwind frontend, Node.js/FastAPI backend, PostgreSQL/Redis persistence, and Ansible infrastructure automation with enforced qual...
Write and run tests for React Native apps using Jest and React Native Testing Library. Use when creating tests, debugging failures, or setting up test infrastructure.
Testing recipes for specific Textual TUI scenarios. Provides "how do I test X?" patterns for common testing needs. Use when: testing keyboard shortcuts, screen transitions, focus management, reactive attributes...
React coding guidelines and best practices. MUST follow these rules. Use when reviewing or writing React code or tasks.
Expert code review for Java/Spring Boot and TypeScript/Next.js codebases. Performs multi-dimensional reviews covering correctness, security, testability, architecture, and maintainability. Automatically delegat...
Code quality enforcement with ESLint static analysis, VSCode workspace management, and automated code fixes. Supports JavaScript, TypeScript, React, Node.js with security and performance linting rules.
General coding principles for writing clean, maintainable code. Triggers on any development work, code reviews, refactoring, or when adding dependencies. For frontend/React code, also apply web-ui-best-practice...
Perform comprehensive frontend code reviews for JavaScript, TypeScript, React, Vue, Angular, and other frontend frameworks. Use this skill when reviewing pull requests, auditing existing codebases, or providing...
Fetch up-to-date library documentation using Context7 API. Use this skill when the user asks for docs, examples, or help with a specific library/framework (e.g., "look up React docs", "context7 nextjs routing",...
Expert guidance for React, Tailwind CSS, and OlyBars UX standards. Use when modifying components or pages.
react expert with self-populating documentation
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Apply frontend development standards for React/Next.js/Tailwind projects. Covers colour extraction from logos, avoiding AI-slop aesthetics, performance targets (LCP
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...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Read, analyze, and create Word documents (.docx). Use this skill when working with Word documents, extracting text content, or creating formatted documents.
Read, analyze, and create Excel spreadsheets (.xlsx, .xlsm, .csv, .tsv). Use this skill when working with spreadsheet data, extracting tables, or creating Excel files with formulas.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
strategies for implementing the ReAct (Reason and Act) paradigm. Use this to enable Gemini to use external tools, APIs, and perform multi-step research.
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.