skills.rest
lees-factory
lees-factoryOFFICIAL
Explore all skills by this author →
GitHub

svelte-dev

Develop Svelte and SvelteKit applications from PRD requirements with brand adherence.

Updated Feb 14, 2026
Search Tags:#typescript#ui/ux#brand identity#svelte#frontend development#prd#sveltekit
One-click install
npx skills add https://github.com/lees-factory/cloud-between-us-client --skill svelte-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svelte-dev
Source: https://github.com/lees-factory/cloud-between-us-client/tree/main/.cursor/skills/svelte-dev
Command: npx skills add https://github.com/lees-factory/cloud-between-us-client --skill svelte-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the development of Svelte/SvelteKit applications by ensuring that brand identity, IP worldviews, and PRD requirements are deeply understood and accurately translated into code, acting as a senior frontend developer.

Core Features & Use Cases

  • Brand-Centric Development: Implements brand identity, tone, color systems, and IP narratives directly into UI/UX.
  • PRD Comprehension: Accurately interprets Product Requirement Documents (PRDs) to capture both functional needs and emotional intent.
  • Svelte/SvelteKit Expertise: Leverages 5+ years of experience in Svelte and SvelteKit for robust, type-safe development.
  • Use Case: Develop a new feature for the "Cloud Between Us" app, ensuring the UI elements, animations, and copy perfectly match the brand's whimsical and emotional tone, as defined in the latest PRD.

Quick Start

Use the svelte-dev skill to create a new SvelteKit project with TypeScript and Tailwind CSS.

Frequently Asked Questions about svelte-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate brand identity and PRD requirements into SvelteKit code?▼

To translate brand identity and PRD requirements into SvelteKit code, you need a senior frontend developer approach that systematically analyzes architecture, ensures type safety, and implements brand tone, color systems, and IP narratives directly into the UI/UX.

How does brand-first Svelte development work?▼

Brand-first Svelte development works by deeply analyzing PRDs to capture functional needs and emotional intent, then meticulously mapping IP worldviews, color systems, and tone directly into type-safe Svelte components and responsive UI elements.

Can I use TypeScript and Tailwind CSS with SvelteKit for brand-centric UI development?▼

Yes, you can use TypeScript and Tailwind CSS with SvelteKit for brand-centric UI development, ensuring robust type safety while translating brand identity, accessibility requirements, and responsive design principles into frontend code.

What is the best way to structure a SvelteKit project for IP worldviews and emotional tone?▼

The best way to structure a SvelteKit project for IP worldviews is following systematic development phases: requirements analysis, architecture design, and implementation, ensuring UI elements, animations, and copy perfectly match the brand's whimsical and emotional tone.

Why does my Svelte frontend implementation fail to match the PRD's emotional intent?▼

Your Svelte frontend implementation may fail to match the PRD's emotional intent due to inadequate PRD comprehension, lacking a senior developer methodology to translate brand tone, IP narratives, and functional requirements into accurate UI/UX code.

Related Skills

Explore More Software Engineering Skills→
sunilaicoesunilaicoe

aicoe-test-case-generation

Generate structured test cases from functional requirements or PRDs.

Community
Intermediate
json-choijson-choi

expo-deployment

Deploy Expo applications to iOS, Android, and web via EAS workflows.

Community
Intermediate
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
RUSHYOPRUSHYOP

ts-frontend-engineer

Implement type-safe TypeScript frontend codebases across React, Vue, Svelte, and other frameworks.

Community
Advanced