💻

Frontend

8107 skills in Development > Frontend

tfc-run-logs

Marketplace

Retrieve plan and apply logs from Terraform Cloud runs. Use when examining TFC run output, debugging failed plans/applies, or reviewing infrastructure changes. Requires TFE_TOKEN environment variable.

laurigates/dotfiles
6
0
Aktualisiert 1w ago

project-discovery

Marketplace

Systematic project orientation for unfamiliar codebases. Automatically activates when Claude detects uncertainty about project state, structure, or tooling. Analyzes git state (branch, changes, commits), project type (language, framework, structure), and development tooling (build, test, lint, CI/CD). Provides structured summary with risk flags and recommendations. Use when entering new projects or when working on shaky assumptions.

laurigates/dotfiles
6
0
Aktualisiert 1w ago

stimulus

Best practices for using Stimulus controllers to add JavaScript behavior to HTML

sandnap/easy_notes
6
2
Aktualisiert 1w ago

container-development

Marketplace

Container development with Docker, Dockerfiles, 12-factor principles, multi-stagebuilds, and Skaffold workflows. Enforces MANDATORY non-root users, minimal Alpine/slimbase images, and security hardening. Covers containerization, orchestration, and secureimage construction.Use when user mentions Docker, Dockerfile, containers, docker-compose, multi-stagebuilds, container images, container security, or 12-factor app principles.

laurigates/dotfiles
6
0
Aktualisiert 1w ago

Frontend CSS

Write maintainable CSS following the project's established methodology, whether using Tailwind utility classes, BEM naming, CSS modules, or styled-components. Use this skill when styling UI components or pages with CSS, applying design system tokens for colors and spacing, or working with CSS frameworks. When writing utility classes, custom styles, or responsive design rules. When working with .css, .scss, .module.css files, or inline styles in JSX/templates. When establishing or maintaining design tokens for consistent styling. When optimizing CSS for production builds with purging or tree-shaking unused styles.

coreyja/coreyja.com
6
1
Aktualisiert 1w ago

Frontend Accessibility

Build accessible user interfaces with semantic HTML, proper ARIA attributes, keyboard navigation, and screen reader compatibility. Use this skill when creating or modifying HTML markup, UI components, forms, or interactive elements. When implementing keyboard navigation, focus management, or tab order. When adding alternative text for images or labels for form inputs. When ensuring sufficient color contrast ratios. When working with navigation menus, modals, buttons, or dynamic content. When structuring pages with proper heading hierarchy (h1-h6). When testing UI changes for screen reader compatibility.

coreyja/coreyja.com
6
1
Aktualisiert 1w ago

Global Conventions

Follow established project structure, version control practices, documentation standards, and development workflows to maintain consistency across the team. Use this skill when organizing files and directories in a project. When writing README documentation or contributing guidelines. When creating git commits with clear messages or pull request descriptions. When managing environment configuration or dependencies. When setting up feature flags or maintaining changelogs. When establishing code review processes or testing requirements. This skill applies to all project management and development workflow tasks.

coreyja/coreyja.com
6
1
Aktualisiert 1w ago

rust-dev-guidelines

Idiomatic Rust development patterns for async applications. Covers error handling with Result/Option, ownership and borrowing, async/await with Tokio, traits and generics, serde serialization, Arc/Mutex for shared state, and clippy best practices. Use when writing Rust code, refactoring, handling errors, or implementing async patterns.

ocn/zk-activity
6
0
Aktualisiert 1w ago

svelte5-runes

Svelte 5 runes guidance. Use for reactive state, props, effects, or Svelte 4→5 migration. Covers $state, $derived, $effect, $props, $bindable. Prevents mixing syntaxes and reactivity mistakes.

Seeker1911/dotfiles
6
0
Aktualisiert 1w ago

writing-style

Write in Steven's voice—pragmatic, curious, pedagogical. Opens with measurable payoffs, builds mental models from first principles, uses worked examples, and handles uncertainty honestly. Use for essays, blog posts, and technical articles.

stevenmays/dotfiles
6
2
Aktualisiert 1w ago

working-with-provenance

Marketplace

Use when tracing Konflux builds from image references, finding build logs from artifacts, or verifying source commits for container images - extracts provenance attestations to navigate from images back to builds and source code

konflux-ci/skills
6
3
Aktualisiert 1w ago

vscode-tdd-expert

This skill provides expert-level guidance for Test-Driven Development (TDD) in VS Code extension development following t-wada methodology. Use when writing tests before implementation, creating comprehensive test suites, implementing Red-Green-Refactor cycles, or improving test coverage for extension components like WebViews, terminal managers, and activation logic.

s-hiraoku/vscode-sidebar-terminal
6
4
Aktualisiert 1w ago

sveltekit-structure

SvelteKit structure guidance. Use for routing, layouts, error handling, and SSR. Covers file naming (+page vs +layout vs +server), nested layouts, error boundaries, and hydration.

Seeker1911/dotfiles
6
0
Aktualisiert 1w ago

create-analyzer

Create a new packet analyzer for Minecraft Bedrock logs. Generates template code, provides documentation links, and guides testing workflow.

mc-zuri/mineflayer-bedrock
6
0
Aktualisiert 1w ago

Backend Queries

Write secure, performant database queries using parameterized statements, proper indexing, and query optimization techniques. Use this skill when writing SQL queries, ORM query methods, or database access code. When implementing data fetching logic that retrieves or updates database records. When optimizing queries to prevent N+1 problems through eager loading or joins. When using WHERE clauses, JOIN operations, or ORDER BY statements. When implementing transactions for related database operations. When working with query builder methods, raw SQL, or ORM query interfaces. When setting query timeouts or implementing query result caching.

coreyja/coreyja.com
6
1
Aktualisiert 1w ago

design-system-starter

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.

ArieGoldkin/ai-agent-hub
6
0
Aktualisiert 1w ago

svelte-code-writer

Expert guidance for writing proper Svelte 5 code with runes-based reactivity. Use when writing Svelte 5 components, migrating from Svelte 4, or troubleshooting Svelte 5 syntax. Covers $state, $derived, $effect, $props, $bindable, event handling, snippets, TypeScript integration, and common pitfalls.

SkepticMystic/app-starter-template
6
0
Aktualisiert 1w ago

nextjs-stripe-integration

Add Stripe payment processing to Next.js projects. Implement checkout sessions, payment handling, subscriptions, webhooks, and customer management. Use when adding Stripe to a Next.js project, building payment flows, implementing subscriptions, or integrating payment processing.

IncomeStreamSurfer/claude-code-skills-stripe
6
6
Aktualisiert 1w ago

doc-loader

Marketplace

Charge la documentation d'un framework depuis son site web dans des fichiers markdown locaux. Supporte Symfony, API Platform, Meilisearch, atournayre-framework et Claude Code.

atournayre/claude-marketplace
6
0
Aktualisiert 1w ago

code-annotations

Code annotation requirements for pikru. Use when writing or porting Rust functions from C code. All ported functions must have cref comments.

bearcove/pikru
6
0
Aktualisiert 1w ago