Multi-file
designOfficial
Official Provider SkillView repo
Use when building or modifying the app layout, dashboard kit visuals, UI components, or making any visual design decisions. Ensures a polished, distinctive, cohesive app — not a generic template.
Files4 files
SKILL.md159 lines
Loading editor…
Install
RecommendedOne command — your agent picks it up automatically.
Select an AI agent above to see the install command.
or
Manual Install
More stepsDownload the archive and add the files to your project manually.
Skill details
Versionv1.0.0
AuthorMicrosoft
Categorydesign
Skill IDmicrosoft/awesome-rayfin/templates/universal-app/.agents/skills/app-design
Files4 files
Related skills
AnalyticsEnable on demand for Power BI, semantic model, dataset, DAX, analytics dashboard, KPI dashboard, report, measure, business intelligence, or BI requests.AuthenticationWire this in whenever the app uses or connects to data — records, a database, entities, per-user data, row-level security — or when the user wants sign-in, accounts, login, or protected pages. Rayfin data is always accessed as an authenticated user, so **data implies auth**; only a static page over public data skips it. The starter ships as a no-auth "hello world" that previews with no backend, and the full Fabric auth scaffolding is already in the project — this skill wires it in: AuthProvider Build WorkflowSTART HERE when building, modifying, or iterating on a data app or dashboard. Defines the fast, iterative "time to wow" workflow: ship one real hero visual first, preview every visual against live data, then expand breadth and polish. Deploy with `rayfin up` for review. Orchestrates the dax, fabric-data, visuals, headless-preview, and app-design skills so you don't front-load all of them.Capability RouterSTART HERE at the beginning of essentially every build request in this universal Rayfin app. Use this first whenever the user asks to build, create, add, or make something ("build me an app", "add sign-in", "let users upload files", "show a chart", "build a dashboard", "store todos", "make a Power BI report") and you need to decide WHICH capabilities to turn on. This skill maps the request to capability packs and tells you, for each, which Fabric service to enable, which npm modules to install, Data ModelingUse when the app needs to store or read data — records, a database, entities, CRUD, lists, "save/remember X", or per-user data with row-level security. This app's data layer is Rayfin's: you declare entities as TypeScript classes with decorators in rayfin/data/, register them in the schema, and read/write them through the typed rayfin-client. Covers: defining an @entity, field decorators, registering it, per-entity access with @role, owner-only row-level security, and the client query/mutation ADaxDiscover Power BI semantic model schemas with DAX INFO functions, decide what belongs in DAX versus TypeScript, and author/test DAX queries for Fabric analytics dashboards.