design-feature

Generate detailed feature specifications from codebase and documentation analysis.

Updated Feb 21, 2026
One-click install
npx skills add https://github.com/ramkrish0403/cimba --skill design-feature-ramkrish0403
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-feature
Source: https://github.com/ramkrish0403/cimba/tree/main/.claude/skills/design-feature
Command: npx skills add https://github.com/ramkrish0403/cimba --skill design-feature-ramkrish0403

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of comprehensive feature specifications by deeply analyzing existing codebases, documentation, and tech stacks, overcoming the limitations of abstract human-written requirements.

Core Features & Use Cases

  • Codebase Analysis: Understands file paths, existing patterns, and tech stack details (TanStack Router, Zustand, Orval, Zod, shadcn/ui).
  • Documentation Integration: Reads project goals, tech guides, and design principles for consistency.
  • Detailed Output: Generates lower-level specifications including Zod schemas, API endpoint shapes, and component props.
  • Use Case: A product manager needs to define a new user authentication flow. This Skill can analyze existing auth patterns, generate detailed requirements, data models, API contracts, and UI/UX specifications, ensuring consistency with the project's established architecture and design system.

Quick Start

Use the design feature skill to create specifications for the user authentication feature.

Frequently Asked Questions about design-feature

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

FAQPage Schema
How do I generate feature specifications from an existing codebase?

To generate feature specifications from an existing codebase, you can automate the process by analyzing file paths, tech stack details, and project documentation to output lower-level specifications including data models and API contracts.

What is the best way to create API contracts and data models for a new feature?

Creating API contracts and data models for a new feature is best achieved by analyzing your codebase and tech stack to generate detailed lower-level specifications like Zod schemas, API endpoint shapes, and component props.

How does code analysis help with writing feature requirements?

Code analysis helps with writing feature requirements by reading existing patterns, documentation, and tech stacks to overcome abstract human-written requirements and ensure precise specification generation.

Can I generate UI/UX specifications that match my existing tech stack?

Yes, you can generate UI/UX specifications that match your existing tech stack by analyzing established architecture and design principles to produce detailed component props and consistent design system requirements.

Does this approach work with modern stacks like TanStack Router and Zustand?

Yes, this specification generation approach works with modern stacks like TanStack Router and Zustand by reading the codebase to understand existing file paths, patterns, and specific tech stack details for accurate outputs.