skills.rest
aitorllj93
aitorllj93COMMUNITY
Explore all skills by this author →
WebsiteGitHub

registering-new-views

Generate TypeScript, React, and Storybook files for new Obsidian Bases views.

154|13|Updated Jan 8, 2026
Search Tags:#typescript#react#code generation#obsidian#bases#view creation
One-click install
npx skills add https://github.com/aitorllj93/obsidian-lovely-bases --skill registering-new-views
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: registering-new-views
Source: https://github.com/aitorllj93/obsidian-lovely-bases/tree/main/.claude/skills/registering-new-views
Command: npx skills add https://github.com/aitorllj93/obsidian-lovely-bases --skill registering-new-views

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of creating new, custom views for Obsidian Bases, automating the generation of necessary files and configurations.

Core Features & Use Cases

  • Guided View Creation: Interactively answers questions to gather requirements for a new view.
  • Automated File Generation: Creates all boilerplate code for new views, including React components, stories, and configuration files.
  • Use Case: You need to add a new visual representation for your project notes in Obsidian Bases. This Skill will guide you through defining its properties and then generate all the code needed to make it functional.

Quick Start

Use the registering-new-views skill to start creating a new view called 'Timeline'.

Frequently Asked Questions about registering-new-views

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

FAQPage Schema
How do I create custom views in Obsidian Bases?▼

This skill guides you through an interactive questionnaire to define properties for new Obsidian Bases views, then generates all boilerplate TypeScript and React code for view creation.

What types of Obsidian Bases views can I generate?▼

You can generate various Obsidian Bases views, including card-based layouts, grouped views, and virtualized lists, with all required TypeScript and React boilerplate code created automatically.

Do I need to manually write React and TypeScript code for Obsidian Bases views?▼

No, you do not need to manually write React and TypeScript code. The skill automates file generation for view creation, producing the required components and configuration files based on your answers.

Can I use Storybook for developing new Obsidian Bases views?▼

Yes, you can use Storybook for developing new Obsidian Bases views. The skill generates Storybook stories alongside the React and TypeScript files to support component development and testing.

What's the best way to define requirements for a new Obsidian Bases view?▼

The best way to define requirements for a new Obsidian Bases view is through an adaptive questioning process that gathers your specifications and then generates the corresponding code files.

Does generating virtualized list views for Obsidian Bases require configuration files?▼

Yes, generating virtualized list views requires configuration files. The skill creates all necessary configurations, React components, and stories to make virtualized lists functional in Obsidian Bases.

Related Skills

Explore More Software Engineering Skills→
wangzeping114wangzeping114

epic-0-scaffold

Scaffold a full-stack ShareFlow project with .NET, Vue, and Docker.

Community
Advanced
791994545791994545
4

obsidian-bases

Automate creation, customization, and validation of Obsidian Bases with YAML.

Community
Intermediate
KKodiacKKodiac
1

obsidian-bases

Define and manage YAML-based Obsidian Bases with multiple note views.

Community
Intermediate
WesleySmitsWesleySmits
6

scaffolding-react-components

Generate React/Next.js component scaffolds with TypeScript, CSS modules, tests, and Storybook.

Community
Advanced