skills.rest
aitorllj93aitorllj93Community·2 Agent Skills Included

obsidian-lovely-bases

Build beautiful custom views for Obsidian Bases

Creates interactive visual views for Obsidian Bases, including galleries, carousels, calendars, heatmaps, and 3D project folders. Guides developers through registering new views and using the Obsidian API without memorizing complex type definitions or file structures. Generates complete, tested view components with stories and fixtures so new layouts work on the first try.
154|13
↗
npx skills add aitorllj93/obsidian-lovely-bases --all -g -y
Available:

Instructs your AI agent to act as a senior React and TypeScript developer, enforcing the project's component, styling, and code quality rules when building or modifying Obsidian Bases views.

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
aitorllj93aitorllj93

using-obsidian-api

Access Obsidian API data and hooks for custom plugin development.

Community
Intermediate
📦 In Repo
aitorllj93aitorllj93

registering-new-views

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

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install obsidian-lovely-bases?▼

Run `npx skills add aitorllj93/obsidian-lovely-bases --all -g -y` in your terminal to install all skills in this repository globally.

How to create a new Obsidian Bases view?▼

The registering-new-views skill asks you a few adaptive questions about your view's name, icon, and layout, then generates all required files including the component, stories, and fixtures.

How to use the Obsidian API in custom views?▼

The using-obsidian-api skill teaches your agent the core Bases types, data access patterns, and reusable hooks like useEntry and useConfigValue for reading note properties.

Does this work with Claude Code and Cursor?▼

Yes. The skills follow the universal SKILL.md standard and are included for both Claude Code and Trae, and they work in any compatible editor.

Do I need to know React to add a new view?▼

No. Describe the view you want in plain English and the agent generates complete, verified React and TypeScript code following the project's conventions.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills