house-style

Enforces route-based file layout, restrained UI aesthetics, and human-written documentation standards.

1|Updated Aug 17, 2026
One-click install
npx skills add https://github.com/NalinDalal/skillset --skill house-style-nalindalal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: house-style
Source: https://github.com/NalinDalal/skillset/tree/main/skills/ui/house-style
Command: npx skills add https://github.com/NalinDalal/skillset --skill house-style-nalindalal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Codebases built by AI assistants often drift into generic patterns: framework-shaped file structures, purple-gradient templated UI, and vague auto-generated docs. This Skill defines a consistent house style so every route, screen, and doc follows the same opinionated rules. ## Core Features & Use Cases - Route-based file layout: One route owns one file, with shared code extracted only when two or more routes genuinely use it, covering both Bun REST APIs and WebSocket gateways. - UI aesthetic rules: Enforces calm, Apple/Google-grade design with Tailwind, restrained color, spring-based micro-animations under 300ms, and explicit rules for when gradients are allowed. - Documentation ownership workflow: The human writes feature docs in plain and technical layers while the agent audits them for outcomes, real names, and accuracy. - Use Case: When starting a new frontend screen or backend endpoint, load this Skill so the agent places handlers in the right route file, avoids gradient-heavy templated UI, and prompts you to write the docs instead of drafting them for you. ## Quick Start Load the house-style skill before writing code or designing a screen so all output follows my route-based layout and design rules.

Frequently Asked Questions about house-style

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

FAQPage Schema
How do I enforce a consistent design style across AI-generated UI?▼

Load a house style skill that defines explicit rules for color, typography, motion, and layout before any UI work begins. The agent then checks every screen against those rules, rejecting templated patterns like purple gradients and glow effects.

How should I organize backend route files in a Bun API?▼

Use one file per route where the route file owns input validation, auth checks, database calls, and responses. Extract shared code into utils only when two or more routes genuinely use it, avoiding premature abstraction.

When are gradients acceptable in UI design?▼

Gradients are acceptable for subtle tonal background shifts, shimmer loading states, scroll fade masks, and duotone image overlays. They are banned on buttons, text, headers, and anywhere a solid color does the job.

What are the rules for micro-animations in web interfaces?▼

Animate only what changed, use one motion per event, prefer spring curves like cubic-bezier(0.16, 1, 0.3, 1), and keep durations near 200ms in and 150ms out. Always respect prefers-reduced-motion and give every entrance a matching exit.

Should AI write my product documentation?▼

No, this approach has the human write docs in plain and technical layers while the agent asks clarifying questions and audits the result. The agent checks for outcome-first writing, real names, and claims that match the current commit.