前端開發
8107 skills in 開發 > 前端開發
moai-lang-typescript
Enterprise TypeScript with strict typing and modern ecosystem TypeScript 5.9.3, Next.js 16, Turbopack, React 19, tRPC, Zod for type-safe schemas; activates for full-stack development, API contract definition, type safety enforcement, and framework-agnostic TypeScript patterns.
timezone
REQUIRED for ANY date/time code - prevents timezone bugs by enforcing Mountain Time utilities instead of native Date objects. Use when working with dates, times, timestamps, scheduling, cutoffs, date inputs, or API date serialization.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
design-principles
Use this skill when designing UI/UX, creating dashboards, building SaaS interfaces, or reviewing frontend design. Provides S-tier design checklist inspired by Stripe, Airbnb, and Linear.
build-and-deploy
Build and deploy this Astro application. Use when building, deploying, or preparing the project for production.
loopwish-web-nextjs
Workflows for the Loopwish web app (Next.js 14 App Router): run dev server, implement pages/components, and validate with lint/format/tests/build.
rtl-css
RTL (Right-to-Left) CSS for Hebrew and Arabic. Use when building UI that needs RTL support, fixing RTL layout issues, or auditing CSS for RTL compliance.
resend
Sends transactional emails with Resend including React Email templates, API integration, and Next.js setup. Use when sending emails, creating email templates, or integrating transactional email in applications.
build-and-deploy
Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.
golang-database-patterns
Go database integration patterns using sqlx, pgx, and migration tools like golang-migrate. Covers repository pattern, connection pooling, transaction handling, and schema evolution. Use when building data access layers or managing database schemas.
content-author
Write quality content for HTML documents. Use when writing text content, prose, descriptions, or any human-readable content in HTML files. Ensures spelling and style quality.
source-of-truth
Create epistemically honest Source of Truth documents that pass Clarity Gate verification. Use when consolidating research, documenting project state, creating verification baselines, or building authoritative references. Triggers on "create source of truth", "document verified state", "consolidate research", "create verification baseline", "build authoritative reference".
cc-separation-guide
Complete guide for separating meta-configurations (Claude Code tool configuration) from domain configurations (project implementation). Learn how to avoid conflicts when working with multiple projects, especially those using agent SDKs/ADKs like Google ADK, LangChain, or Anthropic SDK. Covers namespace isolation, prefixing conventions, CLAUDE.md hierarchy, scope declaration, and conflict detection strategies.
coding-with-effect-libraries
Basic practices and guidelines for writing typescript code using that Effect TypeScript libraries (`effect`, `@effect/platform`, `@effect/cli`, `@effect/ai`).
lightning-address
Use when implementing Lightning address functionality - provides complete patterns for resolving Lightning addresses to invoices, generating invoices from addresses, displaying Lightning addresses in UI, and integrating with QR codes
skill-creator
ALWAYS use this skill when users ask to "create a skill", "make a skill for...", "add a new skill", or similar requests. This skill guides the creation of effective skills in the bigquery-etl repository that extend Claude's capabilities with specialized knowledge for BigQuery ETL workflows, Mozilla data platform conventions, or telemetry analysis. CRITICAL - First checks for conflicts with existing skills and recommends using/updating existing skills when appropriate. Do NOT attempt to create skills without invoking this skill first.
principal-workflow
Run the AWK principal workflow (awkit kickoff, principal loop, dispatch worker, check results, review/merge PR). Triggers: awkit kickoff, start-work, NEXT_ACTION, review pr, dispatch worker, autonomous workflow, generate tasks, create task.
salesforce-well-architected-framework
This skill should be used when the user asks to "design a package", "architect a solution", "check well architected", "validate against well architected framework", "review architecture", or mentions any of the five pillars (Trusted, Easy, Adaptable, Composable, Connected). Provides comprehensive guidance for designing Salesforce managed packages following the Well Architected Framework.
arxiv-research
Use when searching academic papers on arXiv, understanding research content, building literature reviews, or generating citations for academic writing
test-driven-development-framework
Practical TDD framework that teaches Red/Green/Refactor, outside-in and inside-out strategies, contract testing, characterization tests for legacy code, UI/API/data layers, concurrency/time/randomness handling, and anti-flakiness techniques. Includes actionable patterns, checklists, and language-specific quick starts.