tdc-frontend
Create Vue.js 3 frontend code for The Dreamer's Cave. Use for components, composables, stores, animations, and theming.
Skills matching the name, description or GitHub author.
Create Vue.js 3 frontend code for The Dreamer's Cave. Use for components, composables, stores, animations, and theming.
Create and run tests for The Dreamer's Cave. Use for pytest (backend), vitest (frontend), fixtures, mocking, and coverage.
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 avoid...
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 avoid...
React framework for building user interfaces. Use for React components, hooks, state management, JSX, and modern frontend development.
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Te...
Orchestrates creating a complete fullstack feature across backend and frontend. Use when adding new features that span both layers.
Deploys a component (frontend, backend, or landing) using SST. Use when deploying to AWS, pushing to dev or prod environments.
Runs frontend quality checks including TypeScript, ESLint, and tests. Use before commits, PRs, or when the user says "check frontend", "run frontend tests", "lint frontend".
Creates TanStack Query hooks for API features with authentication. Use when connecting frontend to backend endpoints, creating data fetching hooks.
Runs quality checks across all components (backend, frontend, landing). Use before creating PRs, merging, or to verify overall code quality.
Deploys multiple components to an environment. Use for coordinated deployments of backend, frontend, and landing.
Use when reviewing frontend design quality without a reference. Identifies UX issues, accessibility problems, and visual inconsistencies with actionable fix suggestions.
Use when comparing a frontend implementation against a reference design (Figma, mockup, screenshot). Performs pixel-level and structural analysis to identify discrepancies.
Patterns for building AI chatbot frontends using OpenAI ChatKit with Next.js App Router, including custom backend integration via ChatKit Python SDK.
Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how to handle errors, and how to attach auth headers in a reusable way.
Standard project layout and Spec-Kit usage patterns for AI-driven, spec-driven monorepos that host frontend, backend, and specs in a single repository.
How to work effectively with Inertia, always use when developing frontend features
How to work effectively with Laravel Wayfinder, always use when developing frontend features
How to work effectively with React, always use when developing frontend components
How to work effectively with Tailwind CSS, always use when styling frontend features
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
Frontend development skill for React, Next.js, Tailwind CSS, and TypeScript. Use when implementing web frontend features.
UI, UX, 디자인, UI 디자인, UX 디자인, 사용자 경험 - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.