frontend-design

List, search, and compose bundled frontend design prompts via scripts/main.ts.

Updated Jun 21, 2021

Search Tags:#search #assets #prompts #list #compose #frontend-design #brief

Ready to run

npx skills add https://github.com/mahirocoko/mahirocoko --skill frontend-design-mahirocoko

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/mahirocoko/mahirocoko/tree/main/.agents/skills/frontend-design
Command: npx skills add https://github.com/mahirocoko/mahirocoko --skill frontend-design-mahirocoko

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Bundled frontend design prompts are difficult to access deterministically. This skill provides a lean portable wrapper to list, search, compose, and scaffold disciplined frontend design briefs from bundled assets, enabling a prompt-first workflow without remote fetches, caches, or generation layers.

Core Features & Use Cases

List, search, and compose prompts from bundled assets (design-prompts.json and design-skill-prompts.json) to produce deterministic outputs.
Generate structured design briefs that separate canonical prompt assets from workspace references, enabling evidence-based design direction.
Validate and explore assets via a lightweight skill-local script-driven CLI, with a local validation harness and fixture support.

Quick Start

Run bun scripts/main.ts list to inspect the inventory, then bun scripts/main.ts compose --general hero to generate a baseline prompt stack.

Frequently Asked Questions about frontend-design

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

FAQPage Schema

How do I organize bundled frontend design prompts into a structured brief?▼

You can generate structured frontend design briefs by running a local script to list, search, and compose bundled prompt assets deterministically. This separates canonical prompt assets from workspace references without remote fetches.

What's the best way to search bundled design prompts locally without caching?▼

The best way to search bundled design prompts locally is using a skill-local script that reads resources and fixtures directly, validating and driving a deterministic list/search/compose workflow without remote fetches or caching layers.

Does this frontend design brief tool require remote fetches or generation layers?▼

No, this frontend design brief tool operates entirely locally. It reads workspace-local or skill-local references and bundled assets to inform implementation-ready direction without needing remote fetches, caches, or generation layers.

How do I compose a baseline prompt stack from bundled design assets?▼

To compose a baseline prompt stack, run the main CLI script with a compose command and a general flag. This validates bundled assets like design-prompts.json and produces a deterministic output for immediate implementation direction.

Can I validate and explore bundled frontend design assets via a local script?▼

Yes, you can validate and explore bundled frontend design assets using a lightweight skill-local script-driven CLI. It includes a local validation harness and fixture support to inspect the inventory and drive the compose workflow.