Skip to content
cccskills

David Dias

@thedaviddias

Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (74K+ ⭐) and serving 100K+ devs

467 skills6 repositories 75.2K

Skills (467)

Refine in search

Use when starting creative work (features, components, functionality, or behavior changes) to clarify user intent, requirements, and design before implementation.

The English summary is being prepared. Showing the original description.

thedaviddias/ai-vs-human8Updated Jun 2, 2026

Deploy applications and websites to Vercel using the bundled `scripts/deploy.sh` claimable-preview flow. Use when the user asks to deploy to Vercel, wants a preview URL, or says to push a project live on Vercel.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Repository-grounded threat modeling that enumerates trust boundaries, assets, attacker capabilities, abuse paths, and mitigations, and writes a concise Markdown threat model. Use when the user explicitly asks to threat model a codebase or path, enumerate abuse paths, or perform AppSec threat modeling.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Use when implementing features or fixing bugs with strict Test-Driven Development (TDD). Activate for coding tasks that require new functionality, refactoring, or comprehensive test coverage, especially when the user mentions TDD or Test Driven Development.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

sentry

Free

Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry API; perform read-only queries with the bundled script and require `SENTRY_AUTH_TOKEN`.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," or "SEO health check." For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Toolkit for styling artifacts with curated themes (slides, docs, reports, HTML landing pages, and more). Use when you need consistent typography and color systems or want to generate a new theme on the fly.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Builds simple Three.js web apps with scene setup, lighting, geometry, materials, animation, and responsive rendering. Use when creating or prototyping 3D web scenes with modern Three.js (r150+).

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Access Google Search Console for SEO data such as queries, clicks, impressions, rankings, and indexing status across sites. Use when diagnosing search performance or indexing issues.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Use when working with the 1Password CLI (`op` command) for secrets management, retrieving API keys, injecting secrets into development environments, or any task involving 1Password vault operations. Triggers on: "1password", "op command", "secrets management", "api keys from vault", "op run", "op read", "service account token".

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Use when starting creative work (features, components, functionality, or behavior changes) to clarify user intent, requirements, and design before implementation.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Use when designing or improving prompts, commands, hooks, skills, or sub-agent instructions, including output quality, reliability, and token efficiency.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Search domains, compare prices, find promo codes, get purchase recommendations. Use when user wants to buy a domain, check prices, or find domain deals.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," or "breadcrumb schema." For broader SEO issues, see seo-audit.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)