đź’»

Frontend

8107 skills in Development > Frontend

numpy-stl-processing

Read, write, and manipulate STL mesh files using numpy-stl library. Use for 3D printing preparation, mesh analysis, transformations, and combining multiple meshes. Fast numpy-based operations on triangular meshes.

benchflow-ai/skillsbench
24
9
Mis Ă  jour 1w ago

test-automation-strategy

Design and implement effective test automation with proper pyramid, patterns, and CI/CD integration. Use when building automation frameworks or improving test efficiency.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

project-scaffolding

IDE-grade project scaffolding wizard for creating new projects with comprehensive configuration. Supports 70+ project types: HTML/CSS websites, React, Next.js, Vue, Astro, Remix, React Native, Flutter, Expo, FastAPI, Django, Express, NestJS, Go/Gin, Rust/Axum, Spring Boot, Hono, Elysia, Chrome Extensions, VS Code Extensions, Tauri desktop apps, serverless functions, and more. Provides WebStorm/PyCharm-level project creation with interactive SDK selection, framework configuration, database setup, and DevOps tooling. Use when: creating a new project, setting up a framework application, initializing a codebase, scaffolding boilerplate, building extensions, creating mobile/desktop/web apps, setting up monorepos, or making static websites/landing pages.

hmohamed01/Claude-Code-Scaffolding-Skill
23
0
Mis Ă  jour 6d ago

service-design

Comprehensive service design methodology for creating sustainable solutions and optimal experiences for both customers and service providers. Use when designing end-to-end service experiences, creating customer journey maps, building service blueprints, mapping service ecosystems, identifying touchpoints and pain points, designing frontstage/backstage interactions, or improving existing service delivery. Applicable to digital services, physical services, and hybrid product-service systems.

bbrewington/software-data-and-ai-tools
23
0
Mis Ă  jour 6d ago

pattern-dev

Guide for developing CommonTools patterns (TypeScript modules that define reactive data transformations with UI). Use this skill when creating patterns, modifying existing patterns, linking patches (instantiated patterns), debugging pattern errors, or working with the pattern framework. Triggers include requests like "build a pattern", "fix this pattern error", "deploy this charm/patch", "link these charms", or questions about handlers, cells, and reactive patterns.

commontoolsinc/labs
23
10
Mis Ă  jour 6d ago

streamlit-development

Developing, testing, and deploying Streamlit data applications on Snowflake. Use this skill when you're building interactive data apps, setting up local development environments, testing with pytest or Playwright, or deploying apps to Snowflake using Streamlit in Snowflake.

sfc-gh-dflippo/snowflake-dbt-demo
23
6
Mis Ă  jour 6d ago

holistic-testing-pact

Apply the Holistic Testing Model evolved with PACT (Proactive, Autonomous, Collaborative, Targeted) principles. Use when designing comprehensive test strategies for Classical, AI-assisted, Agent based, or Agentic Systems building quality into the team, or implementing whole-team quality practices.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

mutation-testing

Test quality validation through mutation testing, assessing test suite effectiveness by introducing code mutations and measuring kill rate. Use when evaluating test quality, identifying weak tests, or proving tests actually catch bugs.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

localization-testing

Internationalization (i18n) and localization (l10n) testing for global products including translations, locale formats, RTL languages, and cultural appropriateness. Use when launching in new markets or building multi-language products.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

accessibility-testing

WCAG 2.2 compliance testing, screen reader validation, and inclusive design verification. Use when ensuring legal compliance (ADA, Section 508), testing for disabilities, or building accessible applications for 1 billion disabled users globally.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

snowflake-connections

Configuring Snowflake connections using connections.toml (for Snowflake CLI, Streamlit, Snowpark) or profiles.yml (for dbt) with multiple authentication methods (SSO, key pair, username/password, OAuth), managing multiple environments, and overriding settings with environment variables. Use this skill when setting up Snowflake CLI, Streamlit apps, dbt, or any tool requiring Snowflake authentication and connection management.

sfc-gh-dflippo/snowflake-dbt-demo
23
6
Mis Ă  jour 6d ago

chaos-engineering-resilience

Chaos engineering principles, controlled failure injection, resilience testing, and system recovery validation. Use when testing distributed systems, building confidence in fault tolerance, or validating disaster recovery.

proffesor-for-testing/sentinel-api-testing
23
7
Mis Ă  jour 6d ago

lit-component

Guide for developing Lit web components in the Common UI v2 system (@commontools/ui/v2). Use when creating or modifying ct- prefixed components, implementing theme integration, working with Cell abstractions, or building reactive UI components that integrate with the Common Tools runtime.

commontoolsinc/labs
23
10
Mis Ă  jour 6d ago

playwright-mcp

Browser testing, web scraping, and UI validation using Playwright MCP. Use this skill when you need to test Streamlit apps, validate web interfaces, test responsive design, check accessibility, or automate browser interactions through MCP tools.

sfc-gh-dflippo/snowflake-dbt-demo
23
6
Mis Ă  jour 6d ago

handbook-writing

Creates clear, welcoming handbooks and documentation that help team members understand roles, responsibilities, and workflows. Transforms technical documentation into engaging guides. Use when user wants to create a handbook, improve documentation, write team guides, create process documentation, or make existing handbooks more readable and approachable.

steveclarke/dotfiles
22
0
Mis Ă  jour 6d ago

ai-organizer-ui-consolidation

Build a unified, ADHD-friendly web UI that consolidates 70+ CLI tools into a beautiful liquid glass interface for the AI File Organizer. Use when creating the complete frontend application that replaces all terminal interactions with a macOS-inspired dashboard for file organization, search, VEO prompts, and system management.

thebearwithabite/ai-file-organizer
22
3
Mis Ă  jour 6d ago

terminal-ui-design

Create distinctive, production-grade terminal user interfaces with high design quality. Use this skill when the user asks to build CLI tools, TUI applications, or terminal-based interfaces. Generates creative, polished code that avoids generic terminal aesthetics.

steveclarke/dotfiles
22
0
Mis Ă  jour 6d ago

implementation-plan

Creates implementation plan documents by determining plan structure, sequencing development phases, and generating actionable tasks. Use when user wants to create an implementation plan, needs to sequence development work, determine when and in what order to build features, or create detailed task breakdowns with code examples. Follows established feature development process with clear phase sequencing, integrated development (code + validation + data), and selective detail strategy (full code for novel aspects, references for established patterns).

steveclarke/dotfiles
22
0
Mis Ă  jour 6d ago

rails-upgrade-assistant

Analyzes Rails applications and generates comprehensive upgrade reports with breaking changes, deprecations, and step-by-step migration guides for Rails 7.0 through 8.1.1. Use when upgrading Rails applications, planning multi-hop upgrades, or querying version-specific changes.

maquina-app/rails-upgrade-skill
22
2
Mis Ă  jour 6d ago

technical-specification

Creates concise technical specification documents through 3-4 phase process. Guides through architectural decisions, system contracts, and technical design without getting bogged down in implementation details. Use when user wants to create a technical specification, needs to define how the system will be implemented technically, or is documenting architecture, data contracts, API specifications, and system components. Follows established feature development process with concise (5-10 page) specs focused on WHAT and WHY, not HOW to code. Optionally creates design brief for features with UI/UX complexity.

steveclarke/dotfiles
22
0
Mis Ă  jour 6d ago