본문으로 건너뛰기
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개저장소 6개 7.5만

스킬(467)

검색에서 좁히기

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/ai-vs-human82026년 6월 2일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

sentry

무료

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`.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

seo-audit

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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+).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

thedaviddias/agent-forge32026년 5월 18일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)