blog-frontend
CommunityDesign-driven blog frontend with scalable UI.
Authorjjc4480
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provides a design-guided frontend scaffold for a SvelteKit + shadcn-svelte blog, reducing boilerplate and ensuring UI consistency across pages.
Core Features & Use Cases
- Layout and typography guidelines: fixed content width, balanced line-height, and clear heading hierarchy to enhance readability.
- Color and component standards: a mono base with a single accent color, customized palettes, and minimal interactive effects.
- Project structure and guidance: predefined routes for home, posts, tags, categories, and search, plus references to design-refs.md.
- Shadcn-svelte integration: add necessary components via CLI and apply custom styles for consistency.
Quick Start
Initialize the blog frontend scaffold using the provided design principles and start by implementing the home route and a PostCard component.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: blog-frontend Download link: https://github.com/jjc4480/my-blog/archive/main.zip#blog-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.